/*
 * MOI — Menu mobile du header (widget « Menu » d'Elementor Pro, template 284)
 *
 * Sous le point de rupture tablette, le menu s'ouvre sur un panneau clair.
 * La couleur de survol réglée dans Elementor (blush, pensée pour le fond
 * terracotta du menu desktop) y devient illisible, et sur écran tactile le
 * survol reste accroché après un appui (« Le Studio MOI », qui ouvre son
 * sous-menu sans quitter la page). Le widget n'a pas de réglage de survol
 * propre au menu déroulant : on redéfinit la variable dans ce seul cas.
 */
.elementor-location-header .e-n-menu[data-layout="dropdown"] {
	--n-menu-title-color-hover: var(--moiTerracotta, #ce6857);
}

/*
 * Sous-menu « Le Studio MOI » en mode déroulant : le widget est réglé en
 * « largeur ajustée au contenu » (bon rendu desktop, réglage non responsive),
 * ce qui laisse sur mobile un panneau étroit, collé à gauche, par-dessus la
 * page. On l'étire sur toute la largeur et on le distingue du premier niveau
 * par un fond crème bordé de blush. Alignement, typo et couleurs des liens :
 * réglés dans Elementor (widget Liste d'icônes du panneau).
 */
.elementor-location-header .e-n-menu[data-layout="dropdown"] .e-n-menu-content > .e-con {
	--width: 100%;
	background-color: var(--moiCream, #fff8ee);
	border-block: 1px solid var(--moiBlush, #e8cfc1);
}

/* Petits boutons (moiBtn + moiBtnSm) sur les archives --------------------
 *
 * Sur une archive, Elementor sert un fichier de Global Classes par modèle
 * (header, footer, archive), dans cet ordre. Si le modèle d'archive emploie
 * moiBtn sans moiBtnSm (Archive — Blog, Archive — Vidéos), son fichier
 * redéclare « .elementor .moiBtn » après le moiBtnSm du header : la pilule
 * « Studio en ligne » et celle du footer reprennent la taille normale.
 * On redonne la main au modificateur, avec les valeurs de moiBtnSm
 * (gc-15083bfa27dc03be) : à reporter ici si la classe change dans Elementor.
 */
.elementor .moiBtn.moiBtnSm {
	font-size: 13px;
	padding-block: 3px;
	padding-inline: 11px;
}