/**
 * Cross-document view transitions.
 *
 * Footer keeps its name so chrome stays put. The header is not named: the
 * mini-cart badge lives there and must not be frozen across add-to-cart.
 * Shop product cards share names with the matching PDP gallery.
 *
 * @package SoulHomeRituals
 */

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

	::view-transition-old(root),
	::view-transition-new(root) {
		animation-duration: 0.38s;
		animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
	}

	::view-transition-group(site-footer) {
		z-index: 1;
	}

	::view-transition-group(soul-product-still),
	::view-transition-group(soul-product-within) {
		z-index: 3;
	}

	::view-transition-old(soul-product-still),
	::view-transition-new(soul-product-still),
	::view-transition-old(soul-product-within),
	::view-transition-new(soul-product-within) {
		height: 100%;
		object-fit: cover;
		overflow: clip;
	}
}

@media (prefers-reduced-motion: reduce) {
	@view-transition {
		navigation: none;
	}

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

.site-footer {
	view-transition-name: site-footer;
}

.soul-shop-card[data-scent="still"] .soul-shop-card__photo,
.single-product.soul-scent-still .woocommerce-product-gallery__wrapper {
	view-transition-name: soul-product-still;
}

.soul-shop-card[data-scent="within"] .soul-shop-card__photo,
.single-product.soul-scent-within .woocommerce-product-gallery__wrapper {
	view-transition-name: soul-product-within;
}

.single-product .woocommerce-product-gallery {
	opacity: 1 !important;
}