/**
 * Motion & animation preferences.
 *
 * Respects the user's prefers-reduced-motion setting by suppressing
 * decorative transitions, keyframe animations, and smooth scrolling
 * across all WP Components plugins.
 */

@media ( prefers-reduced-motion: reduce ) {

    /* ── Global catch-all ─────────────────────────────────────── */
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    /* ── Loading spinners ─────────────────────────────────────── */
    [class*="spin"] {
        background: transparent !important;
        border-color: currentColor !important;
        border-width: 0 !important;
        animation: none !important;
    }

    /* ── Skeleton shimmer (wp-brand-assets) ───────────────────── */
    .wpc-skeleton,
    .wpc-skeleton--text,
    .wpc-skeleton--title,
    .wpc-skeleton--avatar,
    .wpc-skeleton--thumbnail,
    .wpc-skeleton--button {
        background: var(--wpc-skeleton-static-bg, #e0ddda) !important;
        animation: none !important;
    }

    /* ── Page-banner slide/fade transitions ───────────────────── */
    .wpb-slide,
    .wpb-fade {
        transition: none !important;
    }
    .wpb-banner-slide {
        transition: none !important;
    }

    /* ── Announcement-bar carousel ────────────────────────────── */
    .wab-item.wab-slide-in,
    .wab-item.wab-slide-out,
    .wab-item.wab-slide-h-in,
    .wab-item.wab-slide-h-out,
    .wab-item {
        transition: none !important;
        animation: none !important;
    }

    /* ── Cart-drawer promo bar ────────────────────────────────── */
    .wcd-promo-item.wcd-slide-in,
    .wcd-promo-item.wcd-slide-out,
    .wcd-promo-item.wcd-slide-h-in,
    .wcd-promo-item.wcd-slide-h-out,
    .wcd-promo-item {
        transition: none !important;
        animation: none !important;
    }

    /* ── Cart-drawer milestone celebration ────────────────────── */
    .wcd-milestone-celebrate {
        animation: none !important;
    }
    .wcd-milestone-ripple {
        animation: none !important;
    }
    .wcd-progress-pulse {
        animation: none !important;
    }
    .wcd-flash-highlight {
        animation: none !important;
    }
    .wcd-confetti-particle,
    .wcd-milestone-toast {
        animation: none !important;
        transition: none !important;
    }

    /* ── Cart-drawer drawer slide / overlay ───────────────────── */
    .wcd-drawer,
    .wcd-drawer__panel,
    .wcd-drawer__overlay {
        transition: none !important;
    }

    /* ── Wishlist ─────────────────────────────────────────────── */
    .wwlPulse {
        animation: none !important;
    }
    .wwlFloat {
        animation: none !important;
    }
    .wwlSpin {
        animation: none !important;
    }
    .wwl-drawer,
    .wwl-drawer-inner,
    .wwl-drawer-overlay {
        transition: none !important;
    }

    /* ── Header-nav mobile panel ──────────────────────────────── */
    .whn-panel-in {
        animation: none !important;
    }
    #whn-header,
    .whn-nav,
    .whn-nav-mobile {
        transition: none !important;
    }

    /* ── Collection-page ──────────────────────────────────────── */
    .wcp-btn-shake {
        animation: none !important;
    }
    .wcp-spin {
        animation: none !important;
    }

    /* ── Product-page ─────────────────────────────────────────── */
    .wpp-sticky-bar {
        transition: none !important;
    }
    .wpp-lightbox {
        transition: none !important;
    }

    /* ── WhatsApp-checkout ────────────────────────────────────── */
    .wwpc-spin {
        animation: none !important;
    }

    /* ── Scrollable containers (carousel scroll-snap) ────────── */
    .wcg-items,
    .wsp-sp-products,
    [class*="scroll"] {
        scroll-behavior: auto !important;
    }

}