/* A short native document reveal; navigation is never intercepted by JavaScript. */
@view-transition { navigation: auto; }

::view-transition-old(root) { animation: ma-page-close .15s ease-in both; }
::view-transition-new(root) { animation: ma-page-open .24s ease-out both; }

@keyframes ma-page-close {
	to { opacity: .65; clip-path: inset(46% 0 46% 0); }
}
@keyframes ma-page-open {
	from { opacity: .75; clip-path: inset(46% 0 46% 0); }
	to { opacity: 1; clip-path: inset(0); }
}

/* WooCommerce owns the pending state; show it where the operation starts. */
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading { opacity: .65; cursor: progress; }
.woocommerce .blockUI.blockOverlay { background: rgba(255,255,255,.55) !important; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
	::view-transition-old(root),
	::view-transition-new(root) { animation: none !important; }
}