/*
 * Ecran d'ouverture (splash).
 * Logique : inc/splash.php + assets/js/splash.js
 */

#scf-splash {
	position: fixed;
	inset: 0;
	z-index: 999999;
	background: #EA5522;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	transition: opacity .7s ease;
}

/* Deja vu aujourd'hui : classe posee sur <html> par le script inline du <head>, aucun flash */
html.scf-splash-off #scf-splash {
	display: none;
}

/* Fondu de sortie */
#scf-splash.scf-hide {
	opacity: 0;
	pointer-events: none;
}

#scf-splash-logo {
	width: min(420px, 60vw);
	height: auto;
	opacity: 0;
	transform: scale(.92);
	animation: scf-logo-in .9s ease-out .15s forwards;
}

@keyframes scf-logo-in {
	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* Scroll bloque pendant le splash */
html.scf-splash-lock,
html.scf-splash-lock body {
	overflow: hidden;
}
