/**
 * Header — fond opaque et menu lisible au scroll (accueil long + pages SPA)
 */

/* Titre « Menu » retiré du markup — masquage de secours */
.mobile_menu_title {
    display: none !important;
}

/* État scrollé / page intérieure : barre blanche solide */
header.fixed.scrolled,
header.fixed.nav_bg,
header.fixed.ht-header--inner {
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

body.ht-spa-active header.fixed {
    background: #fff !important;
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

/* Hero : léger voile sombre pour lisibilité du menu blanc */
body.ht-zante-home header.fixed:not(.scrolled):not(.ht-header--inner) {
    background: rgba(0, 0, 0, 0.42) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* Liens menu desktop — texte foncé dès que fond blanc */
@media (min-width: 992px) {
    header.fixed.scrolled #main_menu .navbar-nav > li > a,
    header.fixed.scrolled #main_menu .navbar-nav li a,
    header.fixed.nav_bg #main_menu .navbar-nav > li > a,
    header.fixed.nav_bg #main_menu .navbar-nav li a,
    header.fixed.ht-header--inner #main_menu .navbar-nav > li > a,
    header.fixed.ht-header--inner #main_menu .navbar-nav li a,
    body.ht-spa-active header.fixed #main_menu .navbar-nav > li > a,
    body.ht-spa-active header.fixed #main_menu .navbar-nav li a {
        color: #2d2d2d !important;
        text-shadow: none !important;
    }

    header.fixed.scrolled #main_menu .navbar-nav li a:hover,
    header.fixed.scrolled #main_menu .navbar-nav li.active > a,
    header.fixed.ht-header--inner #main_menu .navbar-nav li a:hover,
    header.fixed.ht-header--inner #main_menu .navbar-nav li.active > a,
    body.ht-spa-active header.fixed #main_menu .navbar-nav li a:hover,
    body.ht-spa-active header.fixed #main_menu .navbar-nav li.active > a {
        color: #deb666 !important;
    }

    header.fixed.scrolled #main_menu .dropdown-menu,
    header.fixed.ht-header--inner #main_menu .dropdown-menu,
    body.ht-spa-active header.fixed #main_menu .dropdown-menu {
        background: #fff !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    }

    header.fixed.scrolled #main_menu .dropdown-menu a,
    header.fixed.ht-header--inner #main_menu .dropdown-menu a,
    body.ht-spa-active header.fixed #main_menu .dropdown-menu a {
        color: #444 !important;
    }
}

/* Logo & marque au scroll */
header.fixed.scrolled .ht-zante-brand__title,
header.fixed.ht-header--inner .ht-zante-brand__title,
header.fixed.nav_bg .ht-zante-brand__title,
body.ht-spa-active header.fixed .ht-zante-brand__title {
    color: #1a1a1a !important;
    text-shadow: none !important;
}

header.fixed.scrolled .ht-zante-brand__subtitle,
header.fixed.ht-header--inner .ht-zante-brand__subtitle,
body.ht-spa-active header.fixed .ht-zante-brand__subtitle {
    color: #b69854 !important;
}

/* Hamburger */
header.fixed.scrolled .navbar-header .mobile_menu_btn .icon-bar,
header.fixed.ht-header--inner .navbar-header .mobile_menu_btn .icon-bar,
header.fixed.nav_bg .navbar-header .mobile_menu_btn .icon-bar,
body.ht-spa-active header.fixed .navbar-header .mobile_menu_btn .icon-bar {
    background: #505050 !important;
    box-shadow: none !important;
}

header.fixed:not(.scrolled):not(.ht-header--inner) .navbar-header .mobile_menu_btn .icon-bar {
    background: #fff !important;
}
