/**
 * Yum Scroll Fade In - styles front-end.
 * L'overlay est un pseudo-élément décoratif : le contenu réel reste
 * pleinement accessible (lecteurs d'écran, clavier) quel que soit son état visuel.
 */

.yum-sfi-init {
	position: relative;
}

.yum-sfi-init::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--yum-sfi-color, rgba(255, 255, 255, 1));
	opacity: 1;
	pointer-events: none;
	z-index: 1;
	transition: opacity var(--yum-sfi-duration, 600ms) ease-out;
}

.yum-sfi-init.yum-sfi-visible::after {
	opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
	.yum-sfi-init::after {
		transition: none;
		opacity: 0;
	}
}