/* Only the selected public header is themed. Its links and responsive behavior are shared. */
/* These variants inherit the original header in full, changing only text weight. */
.site-header.topbar-original-medium :is(.main-nav, .main-nav > a, .nav-parent, .nav-dropdown a, .header-whatsapp, .call-button) { font-weight: 700; }
.site-header.topbar-original-light :is(.main-nav, .main-nav > a, .nav-parent, .nav-dropdown a, .header-whatsapp, .call-button) { font-weight: 600; }
.site-header.topbar-theme {
    color: var(--bar-ink); background: var(--bar-bg);
    border-bottom: 1px solid var(--bar-line); box-shadow: var(--bar-shadow);
    font-family: var(--bar-font); --bar-radius: 8px;
}
.site-header.topbar-ligne {
    --bar-bg: #155891; --bar-ink: #fff; --bar-line: #3d79a9; --bar-font: Manrope, sans-serif;
    --bar-shadow: 0 4px 16px #123c5620; --bar-nav-bg: transparent; --bar-nav-ink: #fff;
    --bar-hover-bg: #ffffff14; --bar-hover-ink: #fff; --bar-menu-bg: #155891;
    --bar-call-bg: #d8e8f2; --bar-call-ink: #16466b;
}
.site-header.topbar-ivoire {
    --bar-bg: #faf7ef; --bar-ink: #203c50; --bar-line: #ded9ce; --bar-font: Montserrat, sans-serif;
    --bar-shadow: 0 4px 20px #5b513011; --bar-nav-bg: transparent; --bar-nav-ink: #203c50;
    --bar-hover-bg: #e8e5da; --bar-hover-ink: #203c50; --bar-menu-bg: #faf7ef;
    --bar-call-bg: #203c50; --bar-call-ink: #fff;
}
.site-header.topbar-nuit {
    --bar-bg: #132637; --bar-ink: #faf6ec; --bar-line: #bda57655; --bar-font: Montserrat, sans-serif;
    --bar-shadow: 0 6px 20px #0a182930; --bar-nav-bg: transparent; --bar-nav-ink: #faf6ec;
    --bar-hover-bg: #d1b77e18; --bar-hover-ink: #e7cca1; --bar-menu-bg: #132637;
    --bar-call-bg: #d9bf90; --bar-call-ink: #132637;
}
.site-header.topbar-verre {
    --bar-bg: linear-gradient(115deg, #14578eee, #2d8799e8); --bar-ink: #fff; --bar-line: #ffffff33; --bar-font: Outfit, sans-serif;
    --bar-shadow: 0 8px 24px #12486320; --bar-nav-bg: #123d634a; --bar-nav-ink: #fff;
    --bar-hover-bg: #ffffff24; --bar-hover-ink: #fff; --bar-menu-bg: #236a87;
    --bar-call-bg: #def2f0; --bar-call-ink: #1a5669;
    backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
}
.site-header.topbar-ruban {
    --bar-bg: #fff; --bar-ink: #1f496d; --bar-line: #dbe4ef; --bar-font: 'Space Grotesk', sans-serif;
    --bar-shadow: 0 5px 18px #15324e12; --bar-nav-bg: #1f496d; --bar-nav-ink: #fff;
    --bar-hover-bg: #ffffff20; --bar-hover-ink: #fff; --bar-menu-bg: #1f496d;
    --bar-call-bg: #f0b88d; --bar-call-ink: #273e50;
}
.topbar-theme .main-nav { background: var(--bar-nav-bg); border-color: var(--bar-line); box-shadow: none; font-weight: 600; font-family: var(--bar-font); }
.topbar-theme .main-nav :is(.main-nav > a, .nav-parent) { color: var(--bar-nav-ink); font-weight: 600; }
.topbar-theme .main-nav :is(.main-nav > a:hover, .main-nav > a.active, .nav-parent:hover, .nav-parent.active),
.topbar-theme .nav-item:focus-within .nav-parent { color: var(--bar-hover-ink); background: var(--bar-hover-bg); transform: none; }
.topbar-theme .call-button { color: var(--bar-call-ink); background: var(--bar-call-bg); border-radius: var(--bar-radius); box-shadow: none; font-weight: 600; }
.topbar-theme .header-whatsapp { border-radius: var(--bar-radius); box-shadow: none; font-weight: 600; background: #16864b; }
.topbar-theme .nav-toggle { color: var(--bar-ink); border-color: var(--bar-line); }
.topbar-theme .nav-dropdown { border-color: var(--bar-line); border-radius: var(--bar-radius); background: var(--bar-bg); }
.topbar-theme .nav-dropdown a { color: var(--bar-ink); font-family: var(--bar-font); font-weight: 500; }
.topbar-theme .nav-dropdown a:hover { background: var(--bar-hover-bg); color: var(--bar-hover-ink); }
.topbar-theme :is(a, button):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.topbar-ivoire .brand-logo, .topbar-ruban .brand-logo { filter: brightness(0) saturate(100%) invert(24%) sepia(20%) saturate(1290%) hue-rotate(160deg) brightness(94%); }
.topbar-ivoire .brand-mark, .topbar-ruban .brand-mark { border-color: currentColor; }
.topbar-ligne .main-nav, .topbar-ivoire .main-nav { border: 0; padding: 7px 0; }
.topbar-ligne .main-nav :is(.main-nav > a, .nav-parent), .topbar-ivoire .main-nav :is(.main-nav > a, .nav-parent) { border-radius: 0; }
.topbar-ligne .main-nav :is(.main-nav > a.active, .nav-parent.active), .topbar-ivoire .main-nav :is(.main-nav > a.active, .nav-parent.active) { box-shadow: inset 0 -2px currentColor; }
.topbar-nuit { --bar-radius: 4px !important; }
.topbar-nuit .main-nav { border-radius: 5px; border-color: #bda57655; }
.topbar-nuit .main-nav :is(.main-nav > a, .nav-parent) { border-radius: 3px; font-weight: 500; }
.topbar-nuit .header-whatsapp { color: #f4efe4; background: transparent; border: 1px solid #bda57688; }
.site-header.topbar-prestige {
    --bar-bg: #0d2337; --bar-ink: #fff; --bar-line: #ffffff1f; --bar-font: Inter, sans-serif;
    --bar-shadow: 0 1px 0 #ffffff12; --bar-nav-bg: transparent; --bar-nav-ink: #ffffffd9;
    --bar-hover-bg: transparent; --bar-hover-ink: #fff; --bar-menu-bg: #0d2337;
    --bar-call-bg: #d8c39a; --bar-call-ink: #0d2337;
}
.topbar-prestige { --bar-radius: 8px !important; }
.topbar-prestige .main-nav { border: 0; padding: 0; }
.topbar-prestige .main-nav :is(.main-nav > a, .nav-parent) { border-radius: 0; font-weight: 500; letter-spacing: .01em; }
.topbar-prestige .main-nav :is(.main-nav > a.active, .nav-parent.active) { box-shadow: inset 0 -1px #d8c39a; }
.topbar-prestige :is(.call-button, .header-whatsapp) { font-weight: 500; }
.topbar-prestige .header-whatsapp { color: #fff; background: transparent; border: 1px solid #ffffff40; }
.topbar-prestige .header-whatsapp svg { fill: #3ccf7a; }
.topbar-prestige .nav-dropdown { box-shadow: 0 18px 40px #0918284d; }
.topbar-verre { --bar-radius: 999px !important; }
.topbar-verre .main-nav { border-color: #ffffff26; }
.topbar-ruban { --bar-radius: 6px !important; }
.topbar-ruban .main-nav { border-radius: 6px; border: 0; }
.topbar-ruban .main-nav :is(.main-nav > a, .nav-parent) { border-radius: 3px; }
@media (max-width: 1050px) {
    .site-header.topbar-theme .main-nav { background: var(--bar-menu-bg) !important; border: 1px solid var(--bar-line) !important; }
    .site-header.topbar-theme .main-nav :is(.main-nav > a, .nav-parent) { color: var(--bar-nav-ink) !important; background: transparent !important; }
    .site-header.topbar-theme .main-nav :is(.main-nav > a.active, .main-nav > a:hover, .nav-parent.active, .nav-parent:hover),
    .site-header.topbar-theme .nav-item:focus-within .nav-parent { color: var(--bar-hover-ink) !important; background: var(--bar-hover-bg) !important; }
    .site-header.topbar-theme .nav-submenu-toggle { color: var(--bar-nav-ink); border-color: var(--bar-line); background: var(--bar-hover-bg); }
    .site-header.topbar-theme .main-nav .nav-dropdown { border-left-color: var(--bar-line) !important; }
    .site-header.topbar-theme .nav-dropdown a { color: var(--bar-nav-ink) !important; }
    .site-header.topbar-theme .nav-dropdown a:hover { color: var(--bar-hover-ink) !important; }
    .site-header.topbar-theme .call-button, .site-header.topbar-theme .header-whatsapp, .site-header.topbar-theme .nav-toggle { border-radius: var(--bar-radius) !important; }
}
