/**
 * Salient Color Sync — scs.css
 */

/* ── Header ──────────────────────────────────────────────────────────── */
#header-outer {
    transition: background-color var(--scs-transition-duration, 0.6s) ease !important;
}

#header-outer #logo img {
    transition: filter var(--scs-transition-duration, 0.6s) ease !important;
}

#header-outer.scs-dark-bg,
#header-outer.scs-light-bg {
    background-color: var(--scs-bg-color) !important;
}

/* bg scuro → testo bianco */
#header-outer.scs-dark-bg,
#header-outer.scs-dark-bg a,
#header-outer.scs-dark-bg .nectar-cart-wrap a,
#header-outer.scs-dark-bg span {
    color: #ffffff !important;
}

/* bg chiaro → testo nero */
#header-outer.scs-light-bg,
#header-outer.scs-light-bg a,
#header-outer.scs-light-bg span {
    color: #000000 !important;
}

/* Nav links e mobile header: colore testo dalla row Salient */
#header-outer.scs-dark-bg #top nav ul li a,
#header-outer.scs-dark-bg body[data-header-color=light] .mobile-header,
#header-outer.scs-dark-bg body[data-header-color=light] .span_9 > .slide-out-widget-area-toggle a .label {
    color: var(--scs-text-color) !important;
}

#header-outer.scs-light-bg #top nav ul li a,
#header-outer.scs-light-bg body[data-header-color=light] .mobile-header,
#header-outer.scs-light-bg body[data-header-color=light] .span_9 > .slide-out-widget-area-toggle a .label {
    color: var(--scs-text-color) !important;
}

/* Bordered button in nav */
#top nav > ul > li[class*=button_bordered] > a:before {
    border: 2px solid #000000;
    transition: border-color var(--scs-transition-duration, 0.6s) ease !important;
}

#header-outer.scs-dark-bg #top nav > ul > li[class*=button_bordered] > a:before {
    border: 2px solid #ffffff !important;
}

#header-outer.scs-light-bg #top nav > ul > li[class*=button_bordered] > a:before {
    border: 2px solid #000000 !important;
}

/* Social icons */
#header-outer.scs-dark-bg #social-in-menu i {
    color: #ffffff !important;
}

#header-outer.scs-light-bg #social-in-menu i {
    color: #000000 !important;
}

/* Logo invert */
#header-outer.scs-light-bg #logo img,
#header-outer.scs-light-bg:not([data-header-resize="1"]):not([data-format=left-header]) #logo:not(.disable-opacity-transition) img {
    filter: invert(0) !important;
}

/* ── Override testi inline nelle row WPBakery ────────────────────────── */
.row_col_wrap_12.light .wpb_column,
.row_col_wrap_12.light .wpb_column p,
.row_col_wrap_12.light .wpb_column h1,
.row_col_wrap_12.light .wpb_column h2,
.row_col_wrap_12.light .wpb_column h3,
.row_col_wrap_12.light .wpb_column h4,
.row_col_wrap_12.light .wpb_column [style*="color"] {
    color: #ffffff !important;
}

.row_col_wrap_12.dark .wpb_column,
.row_col_wrap_12.dark .wpb_column p,
.row_col_wrap_12.dark .wpb_column h1,
.row_col_wrap_12.dark .wpb_column h2,
.row_col_wrap_12.dark .wpb_column h3,
.row_col_wrap_12.dark .wpb_column h4,
.row_col_wrap_12.dark .wpb_column [style*="color"] {
    color: #000000 !important;
}

/* ── CSS custom properties ───────────────────────────────────────────── */
:root {
    --scs-bg-color: transparent;
    --scs-text-color: inherit;
    --scs-transition-duration: 0.6s;
}

/* ═══ Contact Form 7 (Careers) — stile pulito, adattivo allo schema ═══════════
   Le classi scs-on-dark / scs-on-light sono messe dal follower in base allo
   sfondo live della sezione color-change in cui si trova il form. */
.wpcf7-form { --scs-acc: #4CA49A; }

/* File upload */
.wpcf7-form input[type="file"]{ color: inherit; font-size: 15px; max-width: 100%; }
.wpcf7-form input[type="file"]::file-selector-button,
.wpcf7-form input[type="file"]::-webkit-file-upload-button{
  -webkit-appearance:none; appearance:none;
  border:1px solid currentColor; background:transparent; color:inherit;
  -webkit-text-fill-color:currentColor;
  padding:10px 22px; margin-right:14px; border-radius:100px;
  font:inherit; font-size:14px; cursor:pointer; transition:background .2s,color .2s;
}
body.scs-on-dark .wpcf7-form input[type="file"]::file-selector-button:hover{ background:#fff; color:#000; -webkit-text-fill-color:#000; }
body.scs-on-light .wpcf7-form input[type="file"]::file-selector-button:hover{ background:#111; color:#fff; -webkit-text-fill-color:#fff; }

/* Privacy checkbox */
.wpcf7-acceptance{ font-size:16px; }
.wpcf7-acceptance .wpcf7-list-item{ margin:0; }
.wpcf7-acceptance input[type="checkbox"]{
  -webkit-appearance:none; appearance:none;
  width:22px; height:22px; border:2px solid currentColor; border-radius:6px;
  vertical-align:-5px; margin-right:12px; cursor:pointer; position:relative;
  transition:background .15s,border-color .15s;
}
.wpcf7-acceptance input[type="checkbox"]:checked{ background:var(--scs-acc); border-color:var(--scs-acc); }
.wpcf7-acceptance input[type="checkbox"]:checked::after{
  content:""; position:absolute; left:6px; top:2px; width:6px; height:11px;
  border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg);
}

/* Send button — pill adattiva allo schema della sezione */
.wpcf7-form .wpcf7-submit{
  -webkit-appearance:none; appearance:none; border:none; border-radius:100px;
  padding:16px 46px; font:inherit; font-weight:600; font-size:16px; cursor:pointer;
  background:#111; color:#fff; -webkit-text-fill-color:#fff;
  transition:transform .15s ease, background .25s, color .25s, -webkit-text-fill-color .25s;
}
.wpcf7-form .wpcf7-submit:hover{ transform:translateY(-2px); }
body.scs-on-dark .wpcf7-form .wpcf7-submit{ background:#fff !important; color:#000 !important; -webkit-text-fill-color:#000 !important; }
body.scs-on-light .wpcf7-form .wpcf7-submit{ background:#111 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Campi: bordo visibile su entrambi gli schemi */
.wpcf7-form :is(input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],select,textarea){
  border:1px solid rgba(128,128,128,.35);
}

/* override rafforzato send button (batte lo stile nectar del tema) */
.wpcf7-form input.wpcf7-submit.wpcf7-submit{ transition:background .25s,color .25s,-webkit-text-fill-color .25s !important; }
body.scs-on-dark .wpcf7-form input.wpcf7-submit.wpcf7-submit{ background:#ffffff !important; color:#000000 !important; -webkit-text-fill-color:#000000 !important; }
body.scs-on-light .wpcf7-form input.wpcf7-submit.wpcf7-submit{ background:#111111 !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; }