/* Splash di apertura (includes/splash.php, assets/lm-splash.js): immagine a tutto schermo, X in alto a destra */
.lm-splash {
	position: fixed;
	inset: 0;
	z-index: 100000;
	background: #0a2a63;
	opacity: 0;
	transition: opacity .4s ease;
}
.lm-splash.is-aperta { opacity: 1; }
.lm-splash-box,
.lm-splash-link,
.lm-splash picture {
	display: block;
	width: 100%;
	height: 100%;
}
.lm-splash-img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain; /* intera, mai tagliata: lo spazio che avanza resta del colore di fondo */
	object-position: center;
	transform: scale(1.03);
	transition: transform .8s ease;
}
.lm-splash.is-aperta .lm-splash-img { transform: none; }
html.lm-splash-blocco, html.lm-splash-blocco body { overflow: hidden; }

/* La X: 44px di area di tocco, nell'angolo in alto a destra dello schermo (fuori dalle aree di notch) */
.lm-splash .lm-splash-chiudi {
	position: fixed;
	top: max(16px, env(safe-area-inset-top));
	right: max(16px, env(safe-area-inset-right));
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: #0a2a63;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
	cursor: pointer;
	transition: transform .2s ease, background-color .2s ease, color .2s ease;
}
.lm-splash:focus,
.lm-splash .lm-splash-chiudi:focus { outline: none !important; border: 0 !important; }
/* Hover e navigazione da tastiera: colori invertiti, senza bordi */
.lm-splash .lm-splash-chiudi:hover,
.lm-splash .lm-splash-chiudi:focus-visible { background: #0a2a63; color: #fff; box-shadow: 0 0 0 2px #fff, 0 4px 14px rgba(0, 0, 0, .3); }
.lm-splash .lm-splash-chiudi:hover { transform: rotate(90deg); }

@media (prefers-reduced-motion: reduce) {
	.lm-splash, .lm-splash-img, .lm-splash .lm-splash-chiudi { transition: none; }
	.lm-splash-img { transform: none; }
}