/* =========================================================
   Pastille « CONGRÈS XXL 2027 » dans le menu principal
   (maquette PAGE Congrès XXL.ai, 05/10/2026)
   - Ciblage : classe CSS « menu-congres-xxl » posée sur l'élément
     de menu (Apparence > Menus > Classes CSS).
   - Chargé sur tout le site via functions.php (fichier séparé :
     style.css / style-bis.css non modifiés, SASS non compilé).
   - Maquette : fond bleu nuit #13263c, texte corail #eb5f51,
     angles entièrement arrondis, ~7px / 14px de marge interne.
   - Les marges négatives compensent le padding horizontal :
     les autres entrées du menu ne bougent pas.
   ========================================================= */

#header nav ul li.menu-congres-xxl {
	text-shadow: none;
}
#header nav ul li.menu-congres-xxl > a,
header.active nav ul li.menu-congres-xxl > a {
	background: #13263c;
	color: #eb5f51 !important;
	padding: 7px 14px;
	margin: 0 -14px;
	border-radius: 999px;
	text-shadow: none !important;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
#header nav ul li.menu-congres-xxl > a::after {
	display: none !important;
}

/* Survol (absent de la maquette) : inversion des couleurs */
#header nav ul li.menu-congres-xxl:hover > a,
header.active nav ul li.menu-congres-xxl:hover > a {
	background: #eb5f51;
	color: #fff !important;
}

/* Menu burger (≤ 1000px) : pastille alignée sur les autres entrées (élément inline : n'agrandit pas la ligne) */
@media screen and (max-width: 1000px) {
	#header nav ul li.menu-congres-xxl > a,
	header.active nav ul li.menu-congres-xxl > a {
		margin: 0;
		padding: 7px 15px; /* même retrait que le padding inline du thème (15px) : texte aligné, rien ne bouge */
	}
	#header nav ul li.menu-congres-xxl:hover > a {
		background: #eb5f51;
		color: #fff !important;
	}
}