/* ==========================================================================
   WV Reduced Motion — WCAG 2.3.3 Animation from Interactions
   --------------------------------------------------------------------------
   When the user has set `prefers-reduced-motion: reduce` in their OS,
   strip animation and transition durations sitewide. This is the
   conservative path recommended by WCAG and matches user intent:
   they don't want micro-animations, slide-ins, fade-ins, or auto-
   advancing carousels regardless of how nice they look.

   Affects (non-exhaustive):
   - Cart drawer slide-in / overlay fade (cart-drawer.css)
   - Mobile menu slide-in (wv-components.css — frozen)
   - Mega menu reveal (wv-mega-menu.css)
   - Accordion expand / collapse (wv-accordion.css)
   - Carousel transitions (wv-carousel.css)
   - F5 orientation showcase rotation
   - Buzzword bar marquee (already guarded — preserved)

   `!important` is used intentionally here. Per CLAUDE.md the rule is
   "no !important except overriding WC/CheckoutWC core (comment why)";
   the analogous exception applies to sitewide accessibility overrides
   that must beat per-component transitions written before this guard
   existed. Industry-standard pattern.

   Loaded last in the global chain so it wins the cascade against any
   component's own transition declarations.
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}
