/* ============================================================
   Effet reveal « Chiffres clés » (mécanique coteaux-sticky-top).
   ------------------------------------------------------------
   IDs des sections concernées (page Accueil, post 25) :
     4ad560d = section verte (chiffres clés + widget stacking cards)
     bc7030b = section bleue (formulaire)
     7a223b5 = footer (crème)
     a1b8b9a = bande verte (mentions)

   Mécanique :
   La section verte est en position: sticky avec un TOP NÉGATIF calculé en
   JS : top = hauteurViewport - hauteurSection. Elle défile donc normalement
   (les cartes s'empilent), puis se FIGE pile quand son bas touche le bas de
   l'écran. À partir de là, le formulaire bleu (z-index supérieur) continue
   de monter et passe PAR-DESSUS la section figée, dernière carte incluse.
   Aucune marge négative ni padding artificiel : c'est le flux normal.

   La variable --rcp-reveal-top est posée en inline par
   assets/js/recupal-chiffres-reveal.js (recalcul au resize).
   ============================================================ */

/* Double-classe + !important sur `position` : les sélecteurs Elementor
   (.e-con, .elementor-element) posent position: relative à spécificité
   équivalente et se chargent après cette feuille. */
.elementor-element.elementor-element-4ad560d {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: var(--rcp-reveal-top, 0px);
	z-index: 1 !important;
}

/* TITRE « Les chiffres clés de l'entreprise » (widget 333bb85, enfant
   direct de la section verte) : figé en haut du bloc vert pendant tout
   l'empilement des cartes. top: 60px = sa position naturelle (padding-top
   de la section) : il s'immobilise sans décalage visible. Le header du
   site se cache au scroll descendant, donc pas de collision ; les cartes
   gardent leur point de fixation d'origine (150px, réglé dans le widget). */
.elementor-element.elementor-element-333bb85 {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 60px;
	z-index: 5;
}

/* PILE FINALE ALIGNÉE : le widget UE donne un padding-top en cascade par
   item (20/40/60/80px), donc chaque carte se figeait 20px plus bas que la
   précédente et la carte du dessous dépassait en haut de la pile. On
   uniformise : toutes les cartes finissent au même niveau, seuls les coins
   des rotations dépassent, comme sur la maquette. */
.elementor-element.elementor-element-4ad560d .ue_stacking_card_item {
	padding-top: 20px !important;
}

/* Course supplémentaire : sans cela, la DERNIÈRE carte ne peut pas rester
   figée à son point sticky : un élément sticky est contraint à la CONTENT
   box de son parent, et le dernier item n'a aucun contenu sous lui. Un
   padding-bottom ne fonctionne PAS (hors content box, vérifié : la carte
   traversait son point sans coller en mobile). Le ::after est du contenu
   réel : il donne à la dernière carte la place de coller jusqu'au fige de
   la section, sur tous les écrans. */
.elementor-element.elementor-element-4ad560d .ue_cards_wrapper {
	padding-bottom: 0 !important;
}

.elementor-element.elementor-element-4ad560d .ue_cards_wrapper::after {
	content: '';
	display: block;
	height: 220px;
}

/* SECTION BLEUE (formulaire) : passe au-dessus de la verte figée, puis se
   fige à son tour (même mécanique sticky à top négatif) pour que le footer
   passe par-dessus elle et s'arrête collé en bas de page. */
.elementor-element.elementor-element-bc7030b {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: var(--rcp-reveal-top, 0px);
	z-index: 10 !important;
}

.elementor-element.elementor-element-7a223b5 {
	position: relative !important;
	z-index: 11 !important;
}

.elementor-element.elementor-element-a1b8b9a {
	position: relative !important;
	z-index: 12 !important;
}

/* Mobile : mêmes effets (titre figé, reveal des sections). Le titre se cale
   sur le padding-top mobile de la section (40px) ; les cartes (40px dans le
   widget en mobile) sont abaissées sous le titre figé (62px de haut). */
@media (max-width: 767px) {
	.elementor-element.elementor-element-333bb85 {
		top: 40px;
	}

	.elementor-element.elementor-element-4ad560d .ue_stacking_card_item {
		top: 120px !important;
	}
}