/* Includi qui il tuo codice CSS */
body {
    background-color: #FFFFFF;
    transition: background-color .1s cubic-bezier(0.5, 1, 0.89, 1);
}

header .container {
    transition: background-color .1s cubic-bezier(0.5, 1, 0.89, 1);
}

.ocm-effect-wrap, .container-wrap {
    background-color: transparent !important;
}

#logo {
    filter: invert(0);
    transition: filter 0.5s cubic-bezier(0.32, 0, 0.67, 0) !important;
}

/*body.dark #logo {
    filter: invert(1);
    transition: filter 0.5s cubic-bezier(0.32, 0, 0.67, 0) !important;
}*/

body.dark #header-outer #top .slide-out-widget-area-toggle a .lines:before,
body.dark #header-outer #top .slide-out-widget-area-toggle a .lines-button:before,
body.dark #header-outer #top .slide-out-widget-area-toggle a .lines:after,
body.dark #header-outer #top .slide-out-widget-area-toggle a .lines-button:after {
    background-color: #F8F4EC;
}

body #header-outer #top .slide-out-widget-area-toggle a .lines:before,
body #header-outer #top .slide-out-widget-area-toggle a .lines-button:before,
body #header-outer #top .slide-out-widget-area-toggle a .lines:after,
body #header-outer #top .slide-out-widget-area-toggle a .lines-button:after {
    background-color: #38110e;
}
body.dark .nectar-carousel-fixed-content .nectar-button {
  border: 1px solid #FFFFFF;
}
.side-widget-open header .container {
    background: transparent;
}

.side-widget-open header .container row {
    filter: invert(1);
}
body.dark .va {
    filter: invert(1);
}
body.dark .icon-salient-search:before {
    color: #ffffff;
}
body.dark #header-outer #top .sf-sub-indicator i {
  transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
body.dark #header-outer #top .sf-sub-indicator i {
  transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  color: #FFFFFF !important
}
body.dark .menu-title-text {
    color: #ffffff;
}

li > a.button.button--calypso {
    background: #000000;
    color: #ffffff;
}

body.dark li > a.button.button--calypso {
    background: #ffffff;
    color: #000000;
}

body.dark #top nav > ul > li[class*=button_] > a:before {
    border-color: #ffffff !important;
}

i.fa {
    color: #38110e;
}

body.dark p,
body.dark a,
body.dark a span,
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark i.fa
{
    color: #F8F4EC !important;
    transition: color .5s cubic-bezier(0.32, 0, 0.67, 0);
}
body.dark .nectar-cta[data-style=arrow-animation] .line {
    background-color: #FFF;
}

body.dark svg, body.dark .close-line {
    filter: invert(1);
}

body.dark .full-width-section > .col.span_12.dark .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *,
body.dark .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content * {
    color: #FFFFFF !important;
}
body.dark #header-outer[data-format=centered-menu-bottom-bar] #top .logo-clone img {
    filter: invert(1);
}
body.dark #footer-outer, body.dark #nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap {

}

.main-content button::before {
    background: var(--button-before);
}

.main-content button::after {
    background: var(--button-after);
}

body.small-nav a.button.button--calypso {
    border-color: #000000;
}
body.dark #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul a span{
  transition: color .0s cubic-bezier(0.32, 0, 0.67, 0);
}
body.dark #top nav .sf-menu ul .current-menu-item > a, body.dark #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) .current-menu-item > a, body.dark #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-item > a{
  background-color: transparent !important;
}
body.dark #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul a:hover span{
  color: #ff0000 !important;
  transition: color .0s cubic-bezier(0.32, 0, 0.67, 0);
}
/* Gestione colore dinamico dei dropdown */
#header-outer[data-format="centered-menu-bottom-bar"] #top nav > .sf-menu > li ul {
  transition: background-color 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-top-width: 0px;
  background-color: var(--dropdown-bg, white) !important;
}
/*body.dark .at-top #logo img {
    filter: invert(1);
    transition: filter 0.5s cubic-bezier(0.32, 0, 0.67, 0) !important;
}*/
body.dark .slide-out-widget-area-toggle .lines-button:after {
    background-color: rgba(255, 255, 255, 1);
  }

body.dark .side-widget-open #top #logo .starting-logo {
    filter: invert(1) !important;
    transition: filter 0.5s cubic-bezier(0.32, 0, 0.67, 0) !important;
}
body.dark #header-outer.transparent .slide-out-widget-area-toggle a .close-line {
  filter: invert(0) !important;
  transition: filter 0.5s cubic-bezier(0.32, 0, 0.67, 0) !important;
}
#search-outer .close-wrap .close-line, #top .slide-out-widget-area-toggle .close-line,
.nectar-close-btn .close-line, .slide_out_area_close .close-wrap .close-line,
.style_slide_in_click .close-cart .close-line {
    width: 3px !important;
}
body.dark #header-outer[data-transparent-header=true] #top #logo img.stnd {
    filter: invert(0) !important;
}

body.dark .nectar-text-reveal-button span {
    color: #FFF !important;
}

/* Tutte inizialmente nascoste */
#logo img {
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* All'avvio: la prima immagine */
#logo img.stnd {
    opacity: 1;
}

/* Sfondo scuro → mostra la seconda (chiara) */
body.dark #logo img.starting-logo:not(.dark-version) {
    opacity: 1 !important;
}

/* Sfondo chiaro → mostra la terza (scura) */
body:not(.dark) #logo img.dark-version {
    opacity: 1;
}

/* Quando entra in gioco la dark, la prima si spegne */
body.dark #logo img.stnd {
    opacity: 0;
}

body:not(.dark) #slide-out-widget-area.slide-out-from-right-hover .inner-wrap>.inner .off-canvas-menu-container li a{
    color: #37120D !important;
}

body:not(.dark) #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li a:after {
    border-color: #37120D !important;
}



body:not(.dark)  .slide-out-hover-icon-effect.slide-out-widget-area-toggle .unhidden-line .lines:before,
body:not(.dark)  .slide-out-hover-icon-effect.slide-out-widget-area-toggle .unhidden-line .lines:after,
body:not(.dark)  .slide-out-hover-icon-effect.slide-out-widget-area-toggle .unhidden-line.lines-button:after {
    background: #37120D !important;
}