/* =========================================================================
   header.css — habillage du header Astra (Header Footer Builder).
   Chargé globalement (toutes les pages) via inc/header.php.

   Le header reste 100 % NATIF Astra (logo + menu principal + bouton CTA,
   configurés dans l'option astra-settings). Ce fichier ne fait que
   l'habiller à la charte SIP19 : header blanc sticky, logo compact,
   menu Sora navy avec état actif bleu, bouton CTA rouge, off-canvas mobile.

   Palette : navy #15294F · bleu #4D9DE0 · rouge #e2392e / hover #cf2c23
   ========================================================================= */

/* ---------------------------------------------------------------------------
   1) Coque du header : blanc, sticky, filet bas discret
   --------------------------------------------------------------------------- */
#masthead.site-header{
	position: sticky;
	top: 0;
	z-index: 999;
	background: #fff;
	border-bottom: 1px solid rgba(21,41,79,.09);
	box-shadow: none;
	transition: box-shadow .22s ease;
}
/* Ombre légère une fois la page défilée (classe posée par inc/header.php). */
#masthead.site-header.sip-scrolled{
	box-shadow: 0 6px 26px rgba(21,41,79,.09);
}
.ast-primary-header-bar.main-header-bar{
	background: transparent;
	border: 0;
}
/* Largeur de contenu alignée sur les pages (.lp-max = 1200). */
.site-primary-header-wrap.ast-builder-grid-row-container .ast-container{
	max-width: 1200px;
}

/* ---------------------------------------------------------------------------
   2) Logo : compact, aligné vertical — le titre de site texte est masqué
   --------------------------------------------------------------------------- */
#masthead .custom-logo{
	height: 38px !important;
	width: auto !important;
}
#masthead .custom-logo-link{
	display: inline-flex;
	align-items: center;
}
#masthead .ast-site-identity{
	padding: 0;
}
/* On garde le seul logo : le titre + description texte sont redondants. */
#masthead .ast-site-title-wrap{
	display: none !important;
}

/* ---------------------------------------------------------------------------
   3) Menu principal : Sora, navy, hover bleu, actif souligné
   --------------------------------------------------------------------------- */
#masthead .main-header-menu{
	font-family: 'Sora', sans-serif;
}
#masthead .main-header-menu > li.menu-item > a{
	position: relative;
	font-weight: 500;
	font-size: 15px;
	line-height: 1.2;
	color: #15294F;
	padding: 9px 15px;
	border-radius: 9px;
	transition: color .18s ease, background .18s ease;
}
#masthead .main-header-menu > li.menu-item > a:hover,
#masthead .main-header-menu > li.menu-item:hover > a,
#masthead .main-header-menu > li.menu-item > a:focus{
	color: #4D9DE0;
	background: rgba(77,157,224,.08);
}
#masthead .main-header-menu > li.current-menu-item > a,
#masthead .main-header-menu > li.current_page_item > a,
#masthead .main-header-menu > li.current-menu-parent > a{
	color: #4D9DE0;
	background: transparent;
}
#masthead .main-header-menu > li.current-menu-item > a::after,
#masthead .main-header-menu > li.current_page_item > a::after,
#masthead .main-header-menu > li.current-menu-parent > a::after{
	content: "";
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 4px;
	height: 2px;
	border-radius: 2px;
	background: #4D9DE0;
}

/* ---------------------------------------------------------------------------
   4) Bouton CTA « Prendre rendez-vous » : pastille rouge Sora
   --------------------------------------------------------------------------- */
/* L'enveloppe <a> n'est qu'un conteneur : pas de fond/bordure/padding. */
#masthead .ast-header-button-1 a.ast-custom-button-link{
	display: inline-flex;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	transition: transform .18s ease;
}
/* La pastille rouge = le <div.ast-custom-button> réellement visible. */
#masthead .ast-header-button-1 .ast-custom-button{
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-family: 'Sora', sans-serif;
	font-weight: 600;
	font-size: 14.5px;
	line-height: 1;
	white-space: nowrap;
	color: #fff !important;
	background: #e2392e !important;
	border: 0 !important;
	padding: 12px 20px !important;
	border-radius: 11px !important;
	box-shadow: 0 6px 16px rgba(226,57,46,.26);
	transition: background .18s ease, box-shadow .18s ease;
}
#masthead .ast-header-button-1 a.ast-custom-button-link:hover .ast-custom-button,
#masthead .ast-header-button-1 a.ast-custom-button-link:focus .ast-custom-button{
	background: #cf2c23 !important;
	box-shadow: 0 9px 22px rgba(226,57,46,.30);
}
#masthead .ast-header-button-1 a.ast-custom-button-link:hover{
	transform: translateY(-1px);
}

/* ---------------------------------------------------------------------------
   5) Déclencheur mobile (burger) : icône navy sur pastille claire
   --------------------------------------------------------------------------- */
#masthead .main-header-menu-toggle,
#masthead .menu-toggle{
	background: rgba(21,41,79,.06);
	color: #15294F;
	border-radius: 11px;
	width: 44px;
	height: 44px;
}
#masthead .menu-toggle:hover{
	background: rgba(21,41,79,.10);
}
#masthead .menu-toggle .ast-mobile-svg{
	fill: #15294F;
}

/* ---------------------------------------------------------------------------
   6) Menu mobile déroulant (Astra inline) : fond blanc, liens Sora larges,
      CTA rouge pleine largeur.
   --------------------------------------------------------------------------- */
#ast-mobile-header .main-header-bar-navigation{
	background: #fff;
	box-shadow: 0 14px 30px rgba(21,41,79,.10);
	border-radius: 0 0 16px 16px;
	padding-bottom: 20px;
}
#masthead #ast-hf-mobile-menu{
	font-family: 'Sora', sans-serif;
	padding: 6px 4px 0;
}
#masthead #ast-hf-mobile-menu .menu-item > a,
#masthead #ast-hf-mobile-menu .menu-link{
	font-weight: 600;
	font-size: 18px;
	color: #15294F;
	padding: 17px 18px;
	border-bottom: 1px solid rgba(21,41,79,.08);
}
#masthead #ast-hf-mobile-menu .menu-item:last-child > a{
	border-bottom: 0;
}
#masthead #ast-hf-mobile-menu .current-menu-item > a,
#masthead #ast-hf-mobile-menu .current_page_item > a,
#masthead #ast-hf-mobile-menu .current-menu-parent > a{
	color: #4D9DE0;
}
/* CTA dans le menu mobile : pleine largeur, centré. */
#ast-mobile-header .ast-header-button-1{
	padding: 18px 18px 6px;
}
#ast-mobile-header .ast-header-button-1 a.ast-custom-button-link{
	width: 100%;
}
#ast-mobile-header .ast-header-button-1 .ast-custom-button{
	width: 100%;
	justify-content: center;
	font-size: 16px;
	padding: 16px !important;
}
/* Croix de fermeture (état ouvert du burger). */
#masthead .menu-toggle .ast-mobile-svg{
	fill: #15294F;
}