/**
 * DeShop — transitions.css
 *
 * Smooth cross-fade between pages in browsers that support cross-document
 * View Transitions (progressive enhancement: others simply navigate).
 * Turn off in Customizer → DeShop Theme → Mobile.
 *
 * @package DeShop
 */

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

	::view-transition-old(root),
	::view-transition-new(root) {
		animation-duration: 220ms;
		animation-timing-function: cubic-bezier(0.2, 0.7, 0.2, 1);
	}

	/* Header and tab bar stay put while the page content changes. */
	.site-header {
		view-transition-name: ds-header;
	}

	.bottom-nav {
		view-transition-name: ds-bottom-nav;
	}
}