/*
 * Effet "cover" au scroll.
 * Logique : inc/cover-effect.php + assets/js/cover-effect.js
 *
 * Important : Elementor positionne ses conteneurs via ".e-con { position:
 * var(--position) }" ET genere des regles par element a forte specificite
 * (.elementor-14 .elementor-element.elementor-element-xxxx) qui redefinissent
 * cette variable. Le !important est indispensable pour gagner sur les deux,
 * quel que soit l'ordre de chargement des feuilles de style.
 */

/* Section epinglee (le top est calcule en JS) */
.scf-cover-pinned {
	--position: sticky !important;
	--z-index: 1 !important;
	position: sticky !important;
	z-index: 1 !important;
}

/* Section qui passe par-dessus (fond opaque requis) */
.scf-cover-over {
	--position: relative !important;
	--z-index: 10 !important;
	position: relative !important;
	z-index: 10 !important;
}