/**
 * Cross-document View Transitions — Webmindex
 *
 * Default UA cross-fade is killed (animation: none !important).
 * Motion is driven by Web Animations API in page-transitions.js.
 */

/* --------------------------------------------------------------------------
   Opt-in (motion OK only)
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: no-preference) {
	@view-transition {
		navigation: auto;
	}
}

/* --------------------------------------------------------------------------
   Layer background — Webmindex surface under snapshots (no white flash)
   -------------------------------------------------------------------------- */

::view-transition {
	background-color: var(--light-bg, #FBFCFE);
}

/* --------------------------------------------------------------------------
   Kill browser default fade / group morph — required for clean wipe
   -------------------------------------------------------------------------- */

::view-transition-old(root),
::view-transition-new(root) {
	animation: none !important;
}

::view-transition-group(root) {
	z-index: auto !important;
}

::view-transition-image-pair(root) {
	isolation: isolate;
	will-change: transform, opacity, clip-path;
	z-index: 1;
}

::view-transition-old(root) {
	z-index: 1;
	height: 100%;
	object-fit: cover;
}

::view-transition-new(root) {
	z-index: 10000;
	height: 100%;
	object-fit: cover;
	overflow: clip;
}

/* --------------------------------------------------------------------------
   Reduced motion — no opt-in; kill any residual UA motion
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	::view-transition-group(*),
	::view-transition-old(*),
	::view-transition-new(*) {
		animation: none !important;
	}
}