/*
** Reskin du header Astra (existant, avec ses vrais liens de menu) pour reprendre
** l'identité visuelle de la nouvelle page d'accueil (navy / or / crème, Fraunces +
** Manrope) sur TOUTES les pages du site. Ne touche ni à la structure du menu ni
** aux liens (gérés depuis Apparence > Menus), seulement aux couleurs/polices.
** Les !important neutralisent les styles de header "par page" qu'Astra génère en
** ligne (transparence/couleur de texte custom par page).
*/

:root{
	--cdb-hdr-navy:#161F2C;
	--cdb-hdr-navy-2:#1D2838;
	--cdb-hdr-gold:#C9A227;
	--cdb-hdr-gold-light:#E4C767;
	--cdb-hdr-cream:#F6F1E7;
}

/* ---------- Barre au-dessus du header (compte / devis / tél / réseaux) ----------
   Fusionnée dans la barre principale par assets/js/site-header-cdb.js quand la
   page a un menu principal classique (voir .cdb-hdr-merged-group plus bas) — le
   script ajoute .cdb-hdr-merged-hidden une fois le contenu déplacé. Si la page
   n'a pas ce menu classique (gabarit avec sa propre navigation en contenu), la
   barre reste affichée telle quelle, restylée ci-dessous, plutôt que de faire
   disparaître son contenu sans solution de repli. */
.ast-above-header-wrap.cdb-hdr-merged-hidden{
	display:none !important;
}
.ast-above-header-wrap{
	background:var(--cdb-hdr-navy-2) !important;
	border-bottom:1px solid rgba(246,241,231,.08) !important;
}
.ast-above-header-wrap,
.ast-above-header-wrap a{
	font-family:'Manrope',sans-serif !important;
	color:var(--cdb-hdr-cream) !important;
}
.ast-above-header-wrap a:hover{color:var(--cdb-hdr-gold-light) !important;}
.ast-above-header-wrap .ast-builder-social-element{
	background:rgba(246,241,231,.1) !important;
	color:var(--cdb-hdr-cream) !important;
}
.ast-above-header-wrap .ast-builder-social-element:hover{background:var(--cdb-hdr-gold) !important;color:var(--cdb-hdr-navy) !important;}
.ast-above-header-wrap .menu-item-1010 > a{
	background:var(--cdb-hdr-gold) !important;
	color:var(--cdb-hdr-navy) !important;
	padding:8px 18px;
	border-radius:100px;
	font-weight:700;
}
.ast-above-header-wrap .menu-item-1010 > a:hover{color:var(--cdb-hdr-navy) !important;opacity:.9;}
/* ---------- Barre principale (logo + menu + groupe fusionné) ---------- */
#masthead,
.main-header-bar-navigation,
.ast-main-header-bar-alignment,
.main-header-bar{
	background:var(--cdb-hdr-navy) !important;
}
#masthead{
	border-bottom:1px solid rgba(246,241,231,.08) !important;
	position:sticky !important;
	top:0;
	z-index:9999;
}

/* Ligne unique : logo — menu — groupe fusionné (compte / devis / tél / réseaux),
   déplacé ici par assets/js/site-header-cdb.js depuis l'ancienne barre du dessus. */
.site-header-primary-section-center{
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	flex-wrap:wrap !important;
	gap:8px 8px;
	width:100%;
}
/* Chaque groupe (logo / menu / bloc fusionné) garde sa largeur naturelle et bascule
   en entier à la ligne si la place manque, plutôt que de comprimer le menu. */
.site-header-primary-section-center > *{flex-shrink:0;}
.ast-builder-menu-1 .main-header-menu{gap:10px !important;}

/* Simplifications pour tenir sur une seule ligne sur desktop :
   - le logo est réduit (le nom de l'agence reste lisible dans l'image elle-même)
   - "Accueil" est masqué dans ce menu (le logo pointe déjà vers l'accueil)
   - "Mon compte" ne garde que son icône (texte masqué, icône déjà explicite) */
.custom-logo{height:56px !important;width:auto !important;}
.ast-builder-menu-1 .main-header-menu > li.menu-item-home{display:none !important;}
.menu-item-1010{display:none !important;}
.cdb-hdr-merged-group .menu-item-1008 .menu-text > span{display:none;}
.cdb-hdr-merged-group .menu-item-1008{display:flex !important;align-items:center !important;height:auto !important;}
.cdb-hdr-merged-group .menu-item-1008 > a{
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	align-self:center !important;
	width:38px !important;
	height:38px !important;
	min-height:38px !important;
	max-height:38px !important;
	line-height:38px !important;
	padding:0 !important;
	border-radius:50% !important;
	background:var(--cdb-hdr-gold) !important;
	color:var(--cdb-hdr-navy) !important;
}
.cdb-hdr-merged-group .menu-item-1008 > a:hover{background:var(--cdb-hdr-gold-light) !important;color:var(--cdb-hdr-navy) !important;}
.cdb-hdr-merged-group .menu-item-1008 .menu-text i{font-size:17px;color:inherit;}
.cdb-hdr-merged-group .menu-text i{font-size:16px;}
.cdb-hdr-merged-group .menu-item-1010 > a{padding:6px 12px !important;}
.cdb-hdr-merged-group{
	display:flex !important;
	align-items:center !important;
	flex-wrap:nowrap !important;
	gap:10px;
	font-family:'Manrope',sans-serif;
}
.cdb-hdr-merged-group > *{flex:none !important;}
.cdb-hdr-merged-group .main-header-menu{flex-wrap:nowrap !important;}
.cdb-hdr-merged-group,
.cdb-hdr-merged-group a{
	color:var(--cdb-hdr-cream) !important;
	font-size:13.5px;
}
.cdb-hdr-merged-group a:hover{color:var(--cdb-hdr-gold-light) !important;}
.cdb-hdr-merged-group .ast-builder-social-element{
	background:rgba(246,241,231,.1) !important;
	color:var(--cdb-hdr-cream) !important;
}
.cdb-hdr-merged-group .ast-builder-social-element:hover{background:var(--cdb-hdr-gold) !important;color:var(--cdb-hdr-navy) !important;}
.cdb-hdr-merged-group .main-header-menu{display:flex;align-items:center;gap:10px;background:transparent !important;box-shadow:none !important;}
.cdb-hdr-merged-group .main-header-menu > li{background:transparent !important;}

/* "Devis gratuit" traité comme le bouton doré de la maquette */
.cdb-hdr-merged-group .menu-item-1010 > a{
	background:var(--cdb-hdr-gold) !important;
	color:var(--cdb-hdr-navy) !important;
	padding:8px 18px;
	border-radius:100px;
	font-weight:700;
}
.cdb-hdr-merged-group .menu-item-1010 > a:hover{color:var(--cdb-hdr-navy) !important;opacity:.9;}

/* Menu principal classique Astra (affiché en ligne sur la plupart des pages) */
.ast-main-header-bar-alignment .main-header-menu{
	background:transparent !important;
	box-shadow:none !important;
}
.ast-main-header-bar-alignment .main-header-menu,
.ast-main-header-bar-alignment .main-header-menu > li > a,
.ast-main-header-bar-alignment .main-header-menu li a{
	font-family:'Manrope',sans-serif !important;
	color:var(--cdb-hdr-cream) !important;
}
.ast-main-header-bar-alignment .main-header-menu > li{background:transparent !important;}
.ast-main-header-bar-alignment .main-header-menu > li:hover > a,
.ast-main-header-bar-alignment .main-header-menu > li.current-menu-item > a,
.ast-main-header-bar-alignment .main-header-menu > li.current_page_item > a{
	color:var(--cdb-hdr-gold-light) !important;
}
.ast-main-header-bar-alignment .main-header-menu > li > a:after,
.ast-main-header-bar-alignment .dropdown-menu-toggle,
.ast-main-header-bar-alignment .ast-menu-toggle{
	color:var(--cdb-hdr-cream) !important;
}

/* Bouton hamburger (menu mobile plein écran) */
.main-header-menu-toggle,
.ast-mobile-menu-trigger-minimal,
.mobile-menu-toggle-icon{
	color:var(--cdb-hdr-cream) !important;
}

/* Sous-menus (classiques + méga-menu pleine largeur) */
.ast-main-header-bar-alignment .astra-full-megamenu-wrapper,
.ast-main-header-bar-alignment .sub-menu,
.ast-main-header-bar-alignment .astra-megamenu{
	background:var(--cdb-hdr-navy-2) !important;
	box-shadow:none !important;
	border-color:rgba(246,241,231,.1) !important;
}
.ast-main-header-bar-alignment .sub-menu li,
.ast-main-header-bar-alignment .astra-megamenu > li{
	background:transparent !important;
}
.ast-main-header-bar-alignment .sub-menu a,
.ast-main-header-bar-alignment .astra-megamenu a{
	font-family:'Manrope',sans-serif !important;
	color:var(--cdb-hdr-cream) !important;
}
.ast-main-header-bar-alignment .sub-menu a:hover,
.ast-main-header-bar-alignment .astra-megamenu a:hover{
	color:var(--cdb-hdr-gold-light) !important;
}

.wp-block-navigation__responsive-container-open{
	color:var(--cdb-hdr-cream) !important;
	border-color:rgba(246,241,231,.35) !important;
}
.wp-block-navigation__responsive-container-open:hover{border-color:var(--cdb-hdr-cream) !important;}
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-open path{
	fill:currentColor !important;
	stroke:currentColor !important;
}

/* ---------- Panneau de menu plein écran ---------- */
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-dialog{
	background:var(--cdb-hdr-navy) !important;
}
.wp-block-navigation__responsive-container-content a{
	font-family:'Fraunces',serif !important;
	color:var(--cdb-hdr-cream) !important;
	font-weight:400 !important;
}
.wp-block-navigation__responsive-container-content a:hover{color:var(--cdb-hdr-gold-light) !important;}
.wp-block-navigation__responsive-container-content .wp-block-navigation-item .wp-block-navigation__submenu-container a{
	font-family:'Manrope',sans-serif !important;
	font-size:15px !important;
	opacity:.75;
}
.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-close{
	color:var(--cdb-hdr-cream) !important;
}
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-close path{
	fill:currentColor !important;
	stroke:currentColor !important;
}