/**
 * Page Transitions Styles
 * Styles pour les transitions de pages avec animation overlay
 */

/* Overlay de transition avec couleur du background */
.page-transition-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	pointer-events: none;
	/* Utiliser la couleur de fond spécifiée */
	background-color: #FBFAF3;
	transform: translateY(100%);
	visibility: hidden;
}

/* État pendant la transition */
body.page-transitioning {
	overflow: hidden;
}

/* Prévenir les sauts visuels */
body.page-transitioning main {
	position: relative;
}

/* Accessibilité : désactiver les animations si l'utilisateur préfère */
@media (prefers-reduced-motion: reduce) {
	.page-transition-overlay {
		transition: none !important;
		animation: none !important;
	}

	main {
		will-change: auto;
	}
}