/**
 * 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;
}