/* =========================================================
   Boot splash overlay for standalone launches, Theme 0.17.0 (M10d).

   Visibility lives ENTIRELY in this media query, on purpose: in a normal
   browser tab `display-mode: standalone` never matches, so `.tt-app-splash`
   stays `display: none` from the very first paint - no flash, no JS
   dependency to hide it for regular website visits. Only an installed,
   standalone-launched PWA ever sees it. assets/js/splash.js only fades it
   out again after load; it never toggles this initial visibility.

   0.23.1: `html.tt-splash-skip` (set by the inline script in
   template-parts/splash-screen.php before the overlay is parsed) means
   "not a fresh app launch" - in-app navigation or reload - and keeps the
   overlay hidden even in standalone mode. Splash = launch only.
   ========================================================= */
.tt-app-splash {
	display: none;
}

@media ( display-mode: standalone ) {
	.tt-app-splash {
		position: fixed;
		inset: 0;
		z-index: 9999;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--tt-magenta);
		opacity: 1;
		transition: opacity 0.25s ease;
	}
}

.tt-app-splash.tt-app-splash--hide {
	opacity: 0;
}

.tt-app-splash[hidden],
html.tt-splash-skip .tt-app-splash {
	display: none !important;
}

.tt-app-splash__icon {
	width: 96px;
	height: 96px;
	border-radius: var(--tt-radius-lg);
	box-shadow: var(--tt-shadow-hero);
}