/* =========================================================
   MAISON NOYAU V5.2 — HEADER FIX
   Force la visibilité du header Kadence sur la home V2,
   transparence sur hero, opacité au scroll, mobile robuste.
   ========================================================= */


/* ── 1. Force visibility du header sur home + template V2 ─── */
body.home .site-header,
body.page-template-page-premium-home .site-header,
body.home #masthead,
body.page-template-page-premium-home #masthead {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999 !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(244, 239, 227, 0.08);
  transition:
    background-color 350ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 350ms cubic-bezier(0.4, 0, 0.2, 1),
    backdrop-filter 350ms ease;
}


/* ── 2. Header transparent : couleurs cream/or sur fond foncé hero ─ */
body.home .site-header:not(.scrolled),
body.page-template-page-premium-home .site-header:not(.scrolled) {
  background: linear-gradient(180deg, rgba(20, 18, 34, 0.55) 0%, transparent 100%) !important;
}

body.home .site-header:not(.scrolled) .site-title,
body.home .site-header:not(.scrolled) .site-title a,
body.home .site-header:not(.scrolled) .site-branding a,
body.home .site-header:not(.scrolled) .main-navigation a,
body.home .site-header:not(.scrolled) .menu a,
body.home .site-header:not(.scrolled) .menu-item a,
body.home .site-header:not(.scrolled) .header-navigation a,
body.page-template-page-premium-home .site-header:not(.scrolled) .menu a,
body.page-template-page-premium-home .site-header:not(.scrolled) .site-title a {
  color: #F4EFE3 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

body.home .site-header:not(.scrolled) .menu a:hover,
body.home .site-header:not(.scrolled) .current-menu-item > a,
body.home .site-header:not(.scrolled) .current_page_item > a {
  color: #E8A820 !important;
}


/* ── 3. Header au scroll : fond indigo opaque, blur, ombre ─ */
.site-header.scrolled,
#masthead.scrolled {
  background: rgba(20, 18, 34, 0.96) !important;
  backdrop-filter: blur(14px) saturate(1.4);
  -webkit-backdrop-filter: blur(14px) saturate(1.4);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.35) !important;
  border-bottom-color: rgba(232, 168, 32, 0.2);
}

.site-header.scrolled .menu a,
.site-header.scrolled .site-title a,
.site-header.scrolled .site-branding a {
  color: #F4EFE3 !important;
}

.site-header.scrolled .menu a:hover,
.site-header.scrolled .current-menu-item > a {
  color: #E8A820 !important;
}


/* ── 4. Pages classiques (non-home) : header opaque dès le départ ─ */
body:not(.home):not(.page-template-page-premium-home) .site-header {
  background: var(--mn-cream, #F4EFE3) !important;
  position: sticky;
  top: 0;
  z-index: 100;
}


/* ── 5. Hero : marge supérieure pour ne pas être collé au header ─ */
.mn-home-v2 .mnv2-hero {
  padding-top: 96px;
}
@media (max-width: 768px) {
  .mn-home-v2 .mnv2-hero { padding-top: 80px; }
}


/* ── 6. Logo : taille raisonnable, pas de cercle doré parasite ─ */
.site-branding img.custom-logo,
.site-branding .custom-logo,
.kadence-logo img,
.header-logo-area img {
  max-height: 60px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  background: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .site-branding img.custom-logo,
  .kadence-logo img { max-height: 44px !important; }
}


/* ── 7. Hamburger mobile : couleur cream sur home, indigo ailleurs ─ */
body.home .menu-toggle,
body.home .drawer-toggle,
body.home .header-mobile-navigation-toggle,
body.page-template-page-premium-home .menu-toggle,
body.page-template-page-premium-home .drawer-toggle {
  color: #F4EFE3 !important;
}
body.home .menu-toggle svg,
body.home .drawer-toggle svg {
  fill: currentColor !important;
  stroke: currentColor !important;
}

body.home .site-header.scrolled .menu-toggle,
body.home .site-header.scrolled .drawer-toggle { color: #F4EFE3 !important; }


/* ── 8. Mobile : sécurité — header opaque dès le départ pour lisibilité ─ */
@media (max-width: 1024px) {
  body.home .site-header,
  body.page-template-page-premium-home .site-header {
    background: rgba(20, 18, 34, 0.94) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  body.home .site-header:not(.scrolled),
  body.page-template-page-premium-home .site-header:not(.scrolled) {
    background: rgba(20, 18, 34, 0.94) !important;
  }
}


/* ── 9. Drawer / off-canvas Kadence : couleurs cream + or hover ─ */
.drawer-inner .menu a,
.kadence-mobile-navigation a,
.mobile-toggle-open-container a {
  color: #F4EFE3 !important;
}
.drawer-inner .menu a:hover,
.kadence-mobile-navigation a:hover { color: #E8A820 !important; }


/* ── 10. Sticky header offset pour les ancres (#mnv2-histoire) ─ */
:root { scroll-padding-top: 90px; }