/* ==========================================================================
   FPA Modern Design — en-tête et menus (bureau + mobile)
   Chargé sur TOUT le site si l'option « En-tête et menus sur tout le site » est
   cochée (par défaut), pour que la navigation soit identique sur chaque page.
   ========================================================================== */

body.fpa-md-header{
	--fmd-ink:#16120f;
	--fmd-brass:#b9782f;
	--fmd-brass2:#d9a25a;
	--fmd-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	--fmd-shadow:0 1px 2px rgba(22,18,15,.05),0 12px 32px -12px rgba(22,18,15,.18);
	--fmd-gutter:1cm;
}

/* --- En-tête ------------------------------------------------------------- */
body.fpa-md-header #masthead{position:sticky;top:0;z-index:999;box-shadow:0 1px 0 rgba(255,255,255,.06),0 10px 30px -10px rgba(0,0,0,.4)}
body.admin-bar.fpa-md-header #masthead{top:32px}
@media (max-width:782px){body.admin-bar.fpa-md-header #masthead{top:0}}
body.fpa-md-header #masthead .ast-above-header-bar,
body.fpa-md-header #masthead .ast-primary-header-bar,
body.fpa-md-header #masthead .ast-below-header-bar{background:rgba(22,18,15,.92)!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border:0!important}
body.fpa-md-header #masthead .main-header-menu>.menu-item>.menu-link{font-family:var(--fmd-sans)!important;font-weight:500!important;font-size:.92rem!important;color:#efe6d8!important;letter-spacing:.01em;position:relative}
body.fpa-md-header #masthead .main-header-menu>.menu-item>.menu-link:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--fmd-brass2);transform:scaleX(0);transform-origin:left;transition:transform .3s}
body.fpa-md-header #masthead .main-header-menu>.menu-item:hover>.menu-link:after,
body.fpa-md-header #masthead .main-header-menu>.current-menu-item>.menu-link:after{transform:scaleX(1)}
body.fpa-md-header #masthead .main-header-menu>.menu-item:hover>.menu-link{color:#fff!important}
body.fpa-md-header #masthead .sub-menu{background:#211b16!important;border:0!important;border-radius:14px;overflow:visible!important;box-shadow:var(--fmd-shadow);padding:6px 0!important}
body.fpa-md-header #masthead .sub-menu .menu-link{color:#e9dfcf!important;font-family:var(--fmd-sans)!important}
body.fpa-md-header #masthead .sub-menu .menu-link:hover{background:rgba(217,162,90,.12)!important;color:#fff!important}
body.fpa-md-header #masthead .site-branding img{border-radius:10px}
body.fpa-md-header #masthead .ast-header-search .astra-search-icon,
body.fpa-md-header #masthead .ast-button-wrap .menu-toggle{color:#efe6d8!important}


/* --- Menu mobile (déroulant et hors-champ) : même fond que la barre ------- */
body.fpa-md-header #ast-mobile-header .ast-mobile-header-content,
body.fpa-md-header #ast-mobile-popup .ast-mobile-popup-drawer,
body.fpa-md-header #ast-mobile-popup .ast-mobile-popup-inner{background:#16120f!important;border:0!important}
body.fpa-md-header #ast-mobile-header .ast-mobile-header-content .main-header-menu,
body.fpa-md-header #ast-mobile-header .ast-mobile-header-content .sub-menu,
body.fpa-md-header #ast-mobile-header .ast-mobile-header-content .menu-item,
body.fpa-md-header #ast-mobile-popup .main-header-menu,
body.fpa-md-header #ast-mobile-popup .sub-menu,
body.fpa-md-header #ast-mobile-popup .menu-item{background:transparent!important;border-color:rgba(255,255,255,.08)!important}
body.fpa-md-header #ast-mobile-header .ast-mobile-header-content .menu-link,
body.fpa-md-header #ast-mobile-popup .menu-link{color:#efe6d8!important;font-family:var(--fmd-sans)!important;font-weight:500;border-color:rgba(255,255,255,.08)!important;background:transparent!important}
body.fpa-md-header #ast-mobile-header .ast-mobile-header-content .sub-menu .menu-link,
body.fpa-md-header #ast-mobile-popup .sub-menu .menu-link{color:#cfc3b2!important;font-weight:400}
body.fpa-md-header #ast-mobile-header .ast-mobile-header-content .menu-item:hover>.menu-link,
body.fpa-md-header #ast-mobile-header .ast-mobile-header-content .current-menu-item>.menu-link,
body.fpa-md-header #ast-mobile-popup .menu-item:hover>.menu-link,
body.fpa-md-header #ast-mobile-popup .current-menu-item>.menu-link{color:var(--fmd-brass2)!important}
body.fpa-md-header #ast-mobile-header .ast-menu-toggle,
body.fpa-md-header #ast-mobile-header .ast-menu-toggle .ast-icon,
body.fpa-md-header #ast-mobile-popup .ast-menu-toggle,
body.fpa-md-header #ast-mobile-popup .menu-toggle-close{color:#efe6d8!important;background:transparent!important;fill:currentColor}
body.fpa-md-header #ast-mobile-header .ast-menu-toggle svg,
body.fpa-md-header #ast-mobile-popup .ast-menu-toggle svg{fill:#efe6d8!important}
body.fpa-md-header #ast-mobile-header .ast-mobile-header-wrap .ast-primary-header-bar,
body.fpa-md-header #ast-mobile-header .ast-above-header-bar,
body.fpa-md-header #ast-mobile-header .ast-below-header-bar{background:rgba(22,18,15,.96)!important;border:0!important}
body.fpa-md-header #ast-mobile-header .menu-toggle .ast-mobile-svg{fill:#efe6d8!important}


/* Sous-menus (bureau et tablette) : fond sombre, texte clair */
body.fpa-md-header #masthead .main-header-menu .sub-menu,
body.fpa-md-header #masthead .main-header-menu .sub-menu .menu-item{background:#211b16!important;border-color:rgba(255,255,255,.08)!important}
body.fpa-md-header #masthead .main-header-menu .sub-menu .menu-link{color:#e9dfcf!important;background:transparent!important;border-color:rgba(255,255,255,.08)!important}
body.fpa-md-header #masthead .main-header-menu .sub-menu .menu-item:hover>.menu-link,
body.fpa-md-header #masthead .main-header-menu .sub-menu .current-menu-item>.menu-link{color:var(--fmd-brass2)!important}
body.fpa-md-header #masthead .main-header-menu .current-menu-item>.menu-link,
body.fpa-md-header #masthead .main-header-menu .current-menu-ancestor>.menu-link{color:var(--fmd-brass2)!important}
body.fpa-md-header #masthead .ast-menu-toggle{color:inherit!important}

/* Pleine largeur de l'en-tête */
body.fpa-md-header.fpa-md-full #masthead .ast-builder-grid-row-container{max-width:none!important;padding-left:var(--fmd-gutter)!important;padding-right:var(--fmd-gutter)!important}

/* Dans le menu mobile, les sous-menus restent sans encadré (même fond que le menu) */
body.fpa-md-header #ast-mobile-header .ast-mobile-header-content .sub-menu,
body.fpa-md-header #ast-mobile-header .ast-mobile-header-content .sub-menu .menu-item,
body.fpa-md-header #ast-mobile-popup .sub-menu,
body.fpa-md-header #ast-mobile-popup .sub-menu .menu-item{background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;height:auto!important;max-height:none!important}
body.fpa-md-header #ast-mobile-header .ast-mobile-header-content .sub-menu,
body.fpa-md-header #ast-mobile-popup .sub-menu{padding:0!important}
body.fpa-md-header #ast-mobile-header .ast-mobile-header-content .sub-menu .menu-link,
body.fpa-md-header #ast-mobile-popup .sub-menu .menu-link{color:#cfc3b2!important;padding-left:30px!important}

/* Sous-menus au survol (bureau) : collés sous l'élément parent, avec une « passerelle »
   invisible pour que la souris puisse descendre dans le sous-menu sans qu'il se ferme.
   (Astra applique sinon un décalage vertical réglé dans le Customizer, ici 50px.) */
body.fpa-md-header #ast-desktop-header .main-header-menu>.menu-item>.sub-menu{margin-top:0!important}
body.fpa-md-header #ast-desktop-header .main-header-menu>.menu-item-has-children>.sub-menu:before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px;background:transparent;display:block!important}
body.fpa-md-header #ast-desktop-header .main-header-menu .sub-menu .menu-item:first-child>.menu-link{border-radius:12px 12px 0 0}
body.fpa-md-header #ast-desktop-header .main-header-menu .sub-menu .menu-item:last-child>.menu-link{border-radius:0 0 12px 12px}