/* @override
	https://www.parents-drome.fr/assets/swup-transitions.css?* */

/* =================================================================
 *  SWUP TRANSITIONS — Sliding panels directionnels
 *
 *  Accueil ↔ sections : swap instantané (pas d'animation)
 *  Émissions ↔ Structures : slide croisé gauche/droite
 *
 *  animationScope: 'containers' → .is-leaving est sur .transition-fade
 *  Classes to-xxx / from-xxx sont ajoutées sur <html> par app.js
 * ================================================================= */

/* --- Base --- */
.transition-fade:not(.is-leaving) {
  transform: none;
}

.transition-fade {
	opacity: 1;
	transform: translateX(0);
	transition: opacity 0.15s ease-out, transform 0.15s ease-out;
}

/* Fallback : fondu simple */
.transition-fade.is-leaving {
	opacity: 0;
}

/* --- Émissions → Structures : slide vers la gauche --- */
html.to-actions.from-emissions .transition-fade.is-leaving {
	opacity: 0;
	transform: translateX(-30%);
}

/* --- Structures → Émissions : slide vers la droite --- */
html.to-emissions.from-actions .transition-fade.is-leaving {
	opacity: 0;
	transform: translateX(30%);
}

/* --- Mobile : slide plus discret --- */
@media (max-width: 768px) {
	html.to-actions.from-emissions .transition-fade.is-leaving,
	html.to-emissions.from-actions .transition-fade.is-leaving {
		transform: translateX(0);
	}
}

/* --- Accessibilité : réduire les animations si demandé --- */
@media (prefers-reduced-motion: reduce) {
	.transition-fade {
		transition-duration: 0.01s;
		transform: none !important;
	}
}