/*
 * Ochanta — Sections et conteneurs collants (réglages The7 « Sticky Section & Overlap »),
 * comportement : assets/widgets/js/sticky-effects.js.
 *
 * Classes : the7-e-sticky-active (collé), the7-e-sticky-effects (styles « quand collant », réglés
 * dans Elementor), the7-e-scroll-down (masqué au défilement vers le bas), the7-e-sticky-spacer
 * (place réservée dans la page).
 */

.the7-e-sticky-row-yes,
.the7-e-sticky-effect-yes {
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform .3s, opacity .3s;
}

.the7-e-sticky-effect-yes > .elementor-container,
.e-con.the7-e-sticky-effect-yes {
	transition: min-height .3s;
}

.the7-e-sticky-overlap-yes {
	position: relative;
	z-index: 98;
}

.the7-e-sticky-active:not(.the7-e-sticky-spacer) {
	position: fixed !important;
	z-index: 99;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.the7-e-sticky-spacer {
	visibility: hidden;
	pointer-events: none;
}

/* Masqué au défilement vers le bas */
.the7-e-sticky-scrollup-yes.the7-e-sticky-active.the7-e-scroll-down {
	transform: translateY(calc(-1 * var(--the7-sticky-scroll-up-translate, 100%) - 1px));
	opacity: 0;
	pointer-events: none;
}

/* Éléments masqués ou affichés quand le parent est collant (« Visibility ») */
.the7-e-sticky-hide {
	display: none !important;
}

/* « Afficher quand collant » : caché d'emblée (réglage ordinateur), puis selon l'appareil par le script */
body:not(.elementor-editor-active) [data-settings*='"the7_hide_on_sticky_effect":"show"']:not(.the7-e-sticky-show):not(.the7-e-sticky-show-when-off),
body:not(.elementor-editor-active) .the7-e-sticky-show-when:not(.the7-e-sticky-show) {
	display: none;
}

/* Image : changement de taille quand collant (réglages du widget Image) */
.the7-e-sticky-effects .elementor-widget-image img,
.the7-e-sticky-effects .elementor-widget-image svg {
	transition: max-width .3s, width .3s, height .3s, opacity .3s;
}