/* White desktop navigation only while the header overlaps the hero image. */
@media (min-width: 992px) {
    header.decfort-header-over-hero > .wrapper .logo {
        color: #fff;
    }
    header.decfort-header-over-hero > .wrapper .logo svg [fill="#00000F" i] {
        fill: #fff;
    }
    header.decfort-header-over-hero > .topbar nav > ul > li > a,
    header.decfort-header-over-hero > .topbar nav > ul > li > button,
    header.decfort-header-over-hero > nav.wrapper-2 > ul > li > a,
    header.decfort-header-over-hero > nav.wrapper-2 > ul > li > button {
        color: #fff;
    }
}

/* Match desktop contrast on mobile; open panels retain their light surface. */
@media (max-width: 991px) {
    body:not(.xleb-mobile-menu-open):not(.xleb-mobile-cart-open) header.new-header.xleb-standard-mobile-header.decfort-header-over-hero:not(:has(.xleb-mobile-search-panel:not([hidden]))) {
        background: transparent;
    }
    body:not(.xleb-mobile-menu-open):not(.xleb-mobile-cart-open) header.new-header.decfort-header-over-hero:not(:has(.xleb-mobile-search-panel:not([hidden]))) .xleb-mobile-header-bar :is(#xleb-mobile-open, .xleb-mobile-header-icon, .df-header-wishlist) {
        color: #fff;
    }
    body:not(.xleb-mobile-menu-open):not(.xleb-mobile-cart-open) header.new-header.decfort-header-over-hero:not(:has(.xleb-mobile-search-panel:not([hidden]))) .xleb-mobile-header-brand img {
        filter: brightness(0) invert(1);
    }
}