/* Nova VC Sticky — translate manuel (pas de pin-spacer GSAP) */

.vc_row.nova-vc-sticky-row,
.wpb_row.nova-vc-sticky-row {
	--nova-vc-sticky-top: 100px;
	--nova-vc-sticky-col-width: auto;
	position: relative !important;
	overflow: visible !important;
}

.vc_row.nova-vc-sticky-row.overflow-hidden,
.vc_row.nova-vc-sticky-row.overflow-hidden-clip,
.wpb_row.nova-vc-sticky-row.overflow-hidden,
.nova-vc-sticky-row .wpb_column,
.nova-vc-sticky-col {
	overflow: visible !important;
}

.wpb_column.nova-vc-sticky-col,
.vc_column_container.nova-vc-sticky-col {
	position: relative !important;
	top: auto !important;
	align-self: flex-start !important;
	flex-shrink: 0;
	box-sizing: border-box;
	transition: none !important;
	/* pas de will-change permanent : posé en JS pendant le sticky */
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
}

.wpb_column.nova-vc-sticky-col > .vc_column-inner,
.nova-vc-sticky-col > .vc_column-inner {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: 100%;
	box-sizing: border-box;
	transform: none !important;
	filter: none !important;
}

.wpb_column.nova-vc-sticky-col.is-nova-sticky-pinned,
.vc_column_container.nova-vc-sticky-col.is-nova-sticky-pinned {
	z-index: 2;
}

@media (max-width: 991px) {
	/* Désactivation complète du sticky Nova VC : la colonne redevient un bloc
	   normal, sans transform / largeur forcée / positionnement sticky hérités.
	   ⚠️ `!important` indispensable sur les variables : le JS les pose en
	   style inline sur la row (`--nova-vc-sticky-top`), et un inline bat une
	   règle normale — seul `!important` en feuille le neutralise. */
	.vc_row.nova-vc-sticky-row,
	.wpb_row.nova-vc-sticky-row {
		--nova-vc-sticky-top: 0px !important;
		--nova-vc-sticky-col-width: auto !important;
		position: relative !important;
		overflow: visible !important;
	}

	.wpb_column.nova-vc-sticky-col,
	.vc_column_container.nova-vc-sticky-col {
		position: static !important;
		top: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		flex-shrink: 1 !important;
		transform: none !important;
		will-change: auto !important;
	}

	.wpb_column.nova-vc-sticky-col > .vc_column-inner,
	.nova-vc-sticky-col > .vc_column-inner {
		width: 100%;
		transform: none !important;
	}

	/* Aucune colonne ne doit rester « pinned » visuellement sur mobile. */
	.wpb_column.nova-vc-sticky-col.is-nova-sticky-pinned,
	.vc_column_container.nova-vc-sticky-col.is-nova-sticky-pinned {
		z-index: auto !important;
	}
}