/* ============================================================
   En-tête « sticky » intelligent
   ------------------------------------------------------------
   Le conteneur d'en-tête (template Elementor « En-tête »,
   classe `apbef-header-sticky`) est collé en haut de page par le
   sticky natif d'Elementor Pro. Ce fichier ajoute le
   comportement directionnel : l'en-tête s'efface quand on
   descend et réapparaît dès qu'on remonte.

   Le basculement de la classe `apbef-header-sticky--hidden` est
   piloté par `header-sticky.js`.
   ============================================================ */

.apbef-header-sticky {
	transition: transform 0.35s ease;
	will-change: transform;
}

/* Masquage : uniquement quand Elementor a réellement décollé
   l'en-tête (position fixe). En haut de page, l'en-tête reste
   dans le flux et ne doit jamais être translaté. */
.apbef-header-sticky.elementor-sticky--active.apbef-header-sticky--hidden {
	transform: translateY(-100%);
}

/* L'en-tête décollé passe au-dessus du contenu, y compris des
   éléments Elementor qui se donnent un z-index. */
.apbef-header-sticky.elementor-sticky--active {
	z-index: 999;
}

/* Respect de la préférence système « réduire les animations ». */
@media (prefers-reduced-motion: reduce) {
	.apbef-header-sticky {
		transition: none;
	}
}