/* ============================================
   Moonlight Minis - Cart Styles
   Dedicated stylesheet for cart-related visuals.
   This file is included on every page via head-includes.php
   ============================================ */

/* One-time metallic shimmer effect for newly added cart items.
   Triggered by .shimmer-once class added in js/cart.js
   Works on all pages that include the cart drawer.
*/
.cart-item.shimmer-once::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -150%;
    width: 45%;
    height: 200%;
    background: linear-gradient(
        115deg,
        transparent 25%,
        rgba(255, 255, 255, 0.38) 50%,
        transparent 75%
    );
    transform: skewX(-22deg);
    animation: cart-shimmer-sweep 1250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
    pointer-events: none;
    z-index: 10;
    border-radius: inherit;
}

@keyframes cart-shimmer-sweep {
    0% { left: -150%; }
    100% { left: 280%; }
}