/**
 * Cart-icon sparkle (see assets/js/cart-sparkle.js). Ports the old site's
 * effect onto the WooCommerce blocks mini-cart. Emoji burst + a scale pulse.
 */
.wc-block-mini-cart {
    position: relative;
}

/* Scale pulse on the icon + count when an item is added. */
@keyframes mm-cart-sparkle {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.4); }
    100% { transform: scale(1); }
}
.wc-block-mini-cart.mm-sparkle .wc-block-mini-cart__icon {
    animation: mm-cart-sparkle 0.45s ease-in-out;
}

/* The ✨ burst that pops off the top-right of the icon and fades out. */
.mm-sparkle-burst {
    position: absolute;
    top: -6px;
    right: -6px;
    font-size: 1.2rem;
    line-height: 1;
    pointer-events: none;
    z-index: 100;
    animation: mm-sparkle-fade 0.8s ease forwards;
}
@keyframes mm-sparkle-fade {
    0%   { transform: scale(1);   opacity: 1; }
    100% { transform: scale(1.8); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .wc-block-mini-cart.mm-sparkle .wc-block-mini-cart__icon { animation: none !important; }
    .mm-sparkle-burst { display: none; }
}