/*
 * TEST — seamless brand-switch transition (Options <-> It's Luxury).
 *
 * Opts every same-origin, full-page navigation into the Cross-Document
 * View Transitions API. The browser snapshots the outgoing page, loads the
 * new store page normally (full server render, correct currency/locale),
 * then cross-fades instead of showing the white unload->reload flash. No
 * JS, no markup change, no business logic touched — purely visual.
 *
 * Supported: Chrome/Edge 126+, Safari 18.2+. Unsupported browsers
 * (Firefox) ignore this rule and navigate exactly as before.
 *
 * REVERT: remove the <css src="css/view-transition.css"/> line from
 * luxury_base/Magento_Theme/layout/default_head_blocks.xml (and delete
 * this file). Nothing else depends on it.
 */
@view-transition {
    navigation: auto;
}

/* Gentle, brand-neutral cross-fade. Default UA duration is ~0.25s; this
   slows it slightly so the swap reads as intentional, not a glitch. */
::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: 0.35s;
    animation-timing-function: ease;
}