/* ==========================================================================
   En-tête 2026 : ligne du haut + menu principal en 4 parties
   Inspiré de uimm.lafabriquedelavenir.fr et formation-industrie.bzh
   ========================================================================== */

:root {
	--uimm-bleu: #005577;
	--uimm-bleu-nuit: #0f2836;
	--uimm-bleu-pale: #f2f8fa;
	--uimm-rouge: #e2222c;
	--uimm-rouge-fonce: #b8141d;
	--uimm-noir: #171b1f;
	--uimm-ombre: 0 12px 32px rgba(15, 40, 54, .16);
	--entete-hauteur: 117px;
	--barre-haut-hauteur: 72px;
	/* même bouton que les « accès rapides » de la recherche et le bloc fixe à droite */
	--pfl-bouton-h: 46px;
	--pfl-bouton-rayon: 8px;
}

/* --------------------------------------------------------------------------
   En-tête plein (fond blanc) sur toutes les pages, y compris "avec fond"
   -------------------------------------------------------------------------- */
#top #wrap_all #header {
	position: relative;
	background: #fff;
	box-shadow: 0 1px 0 rgba(23, 27, 31, .08);
}

#top #wrap_all #header_main {
	background: #fff;
	border: 0;
}

#top #wrap_all #header_main > .container,
#top #wrap_all #header_main .main_menu .av-main-nav > li > a {
	height: var(--entete-hauteur);
	line-height: var(--entete-hauteur);
}

/* --------------------------------------------------------------------------
   Ligne du haut (menu secondaire Enfold)
   -------------------------------------------------------------------------- */
#top #wrap_all #header_meta {
	background: var(--uimm-bleu-pale);
	border: 0;
	min-height: var(--barre-haut-hauteur);
}

#top #wrap_all #header_meta .container {
	min-height: var(--barre-haut-hauteur);
	padding: 0 50px;
}

#top #header_meta .sub_menu {
	float: right;
	top: 0; /* Enfold le décale de 10px vers le bas : le contenu n'était plus centré */
	height: var(--barre-haut-hauteur);
	display: flex;
	align-items: center;
}

#top #header_meta .sub_menu > ul {
	display: flex;
	align-items: center;
	gap: 8px;
}

#top .espace_apprenant a::before {
	margin-right: 8px !important;
	color: var(--uimm-noir) !important;
}
#top #header_meta .sub_menu > ul > li {
	position: relative;
	float: none;
	border: 0;
	padding: 0;
	line-height: var(--barre-haut-hauteur);
}

#top #header_meta .sub_menu a {
	text-decoration: none;
}

#top #header_meta .sub_menu > ul > li > a {
	display: block;
	padding: 0 12px;
	font-size: 15px;
	font-weight: 600;
	color: var(--uimm-noir);
	transition: color .2s ease;
}

#top #header_meta .sub_menu > ul > li.menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 3px 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
}

#top #header_meta .sub_menu > ul > li > a:hover,
#top #header_meta .sub_menu > ul > li:hover > a {
	color: var(--uimm-bleu);
}

/* Sous-menus de la ligne du haut */
#top #header_meta .sub_menu li ul {
	/* s'ouvre juste sous la bande bleue (le lien parent fait toute la hauteur de la bande) */
	top: 100%;
	left: 0;
	min-width: 260px;
	max-height: 70vh;
	overflow-y: auto;
	padding: 8px;
	background: #fff;
	border: 0;
	border-radius: 14px;
	box-shadow: var(--uimm-ombre);
	z-index: 1000;
}

#top #header_meta .sub_menu li ul li {
	float: none;
	border: 0;
	padding: 0;
	line-height: 1.3;
}

#top #header_meta .sub_menu li ul a {
	display: block;
	padding: 9px 12px;
	font-size: 14px;
	font-weight: 400;
	color: var(--uimm-noir);
	border: 0;
	border-radius: 8px;
	transition: background-color .2s ease, color .2s ease;
}

/* "Nos filières" : liste longue affichée sur 2 colonnes */
#top #header_meta .sub_menu li.menu-filieres-auto > ul {
	/* aligné à droite de "Nos filières" pour ne pas passer sous le bloc fixe */
	left: auto;
	right: 0;
	width: 520px;
	max-height: none;
	columns: 2;
	column-gap: 4px;
}

#top #header_meta .sub_menu li.menu-filieres-auto > ul > li {
	break-inside: avoid;
}

#top #header_meta .sub_menu li ul a:hover,
#top #header_meta .sub_menu li ul .current-menu-item > a {
	background: var(--uimm-bleu-pale);
	color: var(--uimm-bleu);
}

/* Bouton "S'inscrire à une formation" */
#top #header_meta .sub_menu > ul > li.menu-bouton-inscription {
	margin-left: 12px;
	line-height: 1;
}

#top #header_meta .sub_menu > ul > li.menu-bouton-inscription > a {
	display: inline-flex;
	align-items: center;
	height: var(--pfl-bouton-h);
	padding: 0 16px;
	line-height: 1;
	background: var(--uimm-rouge);
	color: #fff;
	border-radius: var(--pfl-bouton-rayon);
	font-size: 13px;
	letter-spacing: .5px;
	text-transform: uppercase;
	transition: background-color .2s ease;
}

#top #header_meta .sub_menu > ul > li.menu-bouton-inscription > a:hover {
	background: var(--uimm-rouge-fonce);
	color: #fff;
}

/* --------------------------------------------------------------------------
   Menu principal en 4 parties
   -------------------------------------------------------------------------- */
#top #header .av-main-nav > li {
	padding-top: 0;
}

#top #header .av-main-nav > li > a {
	padding: 0 18px;
	font-size: 16px;
	font-weight: 700;
	color: var(--uimm-noir);
}

/* Pas de trait sous le lien actif (ni celui d'Enfold) : seule la couleur change */
#top #header .av-main-nav > li > a .avia-menu-fx {
	display: none;
}

#top #header .av-main-nav > li:hover > a,
#top #header .av-main-nav > li.current-menu-item > a,
#top #header .av-main-nav > li.current-menu-ancestor > a {
	color: var(--uimm-bleu);
}

/* Sous-menus du menu principal */
#top #header .av-main-nav ul {
	margin-top: 0;
	min-width: 280px;
	padding: 8px;
	background: #fff;
	border: 0;
	border-radius: 14px;
	box-shadow: var(--uimm-ombre);
}

#top #header .av-main-nav ul li {
	padding-top: 0;
}

#top #header .av-main-nav ul a {
	padding: 10px 14px;
	font-size: 15px;
	font-weight: 400;
	color: var(--uimm-noir);
	border-radius: 8px;
	transition: background-color .2s ease, color .2s ease;
}

#top #header .av-main-nav ul a:hover,
#top #header .av-main-nav ul .current-menu-item > a {
	background: var(--uimm-bleu-pale);
	color: var(--uimm-bleu) !important;
}

/* Icône de recherche */
#top #header #menu-item-search a {
	color: var(--uimm-noir);
}

#top #header #menu-item-search a svg {
	fill: var(--uimm-noir);
}

#top #header #menu-item-search:hover a svg {
	fill: var(--uimm-bleu);
}

/* --------------------------------------------------------------------------
   Pages "sans fond" : le bandeau titre prévoyait la place de l'ancien
   en-tête transparent, on réduit l'espace (le logo descend jusqu'à ~90px
   sous l'en-tête, le fil d'Ariane reste en dessous)
   -------------------------------------------------------------------------- */
#top.sans-fond #wrap_all .container_wrap.title_container {
	min-height: 330px;
}

#top.sans-fond #wrap_all .container_wrap.title_container .main-title {
	margin-top: 160px;
}

#top.sans-fond #wrap_all .container_wrap.title_container .breadcrumb {
	top: 116px;
}

/* --------------------------------------------------------------------------
   Menu mobile : entrées de la ligne du haut recopiées dans le menu principal
   (voir inc/entete-2026.php) - masquées sur desktop, visibles dans le burger
   -------------------------------------------------------------------------- */
#top #header .av-main-nav > li.entete-mobile {
	display: none !important;
}

.av-burger-overlay li.entete-mobile-premier {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid rgba(23, 27, 31, .12);
}

#top #wrap_all .av-burger-overlay li.menu-bouton-inscription > a {
	display: inline-block;
	margin-top: 10px;
	padding: 14px 18px !important;
	background: var(--uimm-rouge) !important;
	color: #fff !important;
	border-radius: var(--pfl-bouton-rayon);
	font-size: 13px !important;
	font-weight: 600;
	letter-spacing: .5px;
	line-height: 18px !important;
	text-transform: uppercase;
}

/* Icône burger : foncée sur l'en-tête blanc, blanche (croix) une fois le menu ouvert */
#top #header .av-hamburger-inner,
#top #header .av-hamburger-inner::before,
#top #header .av-hamburger-inner::after {
	background-color: var(--uimm-noir);
}

.av-burger-overlay-active #top #header .av-hamburger-inner,
.av-burger-overlay-active #top #header .av-hamburger-inner::before,
.av-burger-overlay-active #top #header .av-hamburger-inner::after {
	background-color: #fff;
}

/* Le bloc fixe de droite ne doit pas passer par-dessus le menu ouvert */
.av-burger-overlay-active .bloc-fixe-droite {
	display: none;
}