/* En-tête : menu toujours visible, texte du menu agrandi (Claire, 25/10/2026). */
#menu-primary-items > li > a,
#menu-primary-items > li > a .menu-title { font-size: 16px; }
#menu-primary-items .sub-menu a,
#menu-primary-items .sub-menu a .menu-title { font-size: 15px; }
#menu-primary-items .sub-menu .menu-description { font-size: 13px; }

@media (min-width: 970px) { /* seuil du menu « bureau » du thème (Unos : 969 px) */
	/* L'en-tête colle en haut, remonté de la hauteur du logo et du slogan : seul le menu reste. */
	#header.acer-entete-collant { position: sticky; top: var(--acer-entete-haut, 0px); z-index: 990; background: #fff; }
	/* Collé en haut : fond blanc translucide, on devine ce qui passe dessous (Roland, 26/10/2026). */
	#header.acer-entete-collant.acer-entete-colle { background: rgba(255, 255, 255, .72); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); box-shadow: 0 2px 6px rgba(0, 0, 0, .12); }
}

/* Recherche au bout du menu, logo en petit à gauche sur les pages autres que l'accueil (Roland, 02/11/2026). */
#menu-primary-items > li.acer-menu-recherche { padding: 0 0 0 12px; vertical-align: middle; }
#menu-primary-items > li.acer-menu-recherche::before, #menu-primary-items > li.acer-menu-logo::before { content: none; }
.acer-menu-recherche .acer-recherche { display: flex; margin: 0; }
.acer-menu-recherche .acer-recherche input[type="search"] { width: 9em; padding: .3em .6em; font-size: 14px; }
.acer-menu-recherche .acer-recherche button { padding: .3em .55em; }
#menu-primary-items > li.acer-menu-logo { vertical-align: middle; padding-right: 10px; }
#menu-primary-items > li.acer-menu-logo > a { padding: 2px 6px; line-height: 0; }
.acer-menu-logo img { display: block; width: auto; height: 40px; }

@media (min-width: 970px) {
	/* Pages autres que l'accueil : plus de grand logo ni de slogan, le petit logo est dans le menu. */
	.acer-entete-compact #header-primary { display: none; }
}
@media (max-width: 969px) {
	/* Téléphone et tablette : le menu est replié derrière « Menu » ; le logo reste au-dessus, plus petit. */
	#menu-primary-items > li.acer-menu-logo { display: none; }
	.acer-entete-compact #site-logo img { max-height: 70px; width: auto; }
	body.acer-entete-compact #header #site-description { display: none; }
	#menu-primary-items > li.acer-menu-recherche { display: block; padding: 10px 12px; }
	.acer-menu-recherche .acer-recherche input[type="search"] { flex: 1; width: auto; }
}

/* Icône Facebook du pied de page (includes/pied-de-page.php, 02/11/2026) */
a.acer-pied-facebook { display: inline-flex; vertical-align: middle; line-height: 0; }
a.acer-pied-facebook img { display: block; width: 20px; height: 20px; }
a.acer-pied-facebook:hover img, a.acer-pied-facebook:focus img { opacity: .8; }