/**
 * Mix & Match bundle UI — add-to-cart loading states (single product + floating bars).
 */

@keyframes bb-mix-match-spin {
    to {
        transform: rotate(360deg);
    }
}

.bb-mix-match-btn--loading,
#bb-mix-match-add-to-cart.bb-mix-match-btn--loading,
[data-mm-cta].bb-mix-match-btn--loading,
[data-mm-bogo-cta].bb-mix-match-btn--loading {
    position: relative;
    pointer-events: none;
    cursor: wait !important;
    opacity: 0.92;
}

.bb-mix-match-btn--loading::before,
#bb-mix-match-add-to-cart.bb-mix-match-btn--loading::before,
[data-mm-cta].bb-mix-match-btn--loading::before,
[data-mm-bogo-cta].bb-mix-match-btn--loading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 14px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: bb-mix-match-spin 0.65s linear infinite;
}

#bb-mix-match-add-to-cart.bb-mix-match-btn--loading {
    padding-left: 2.5rem !important;
}

[data-mm-cta].bb-mix-match-btn--loading,
[data-mm-bogo-cta].bb-mix-match-btn--loading {
    padding-left: 2.35rem !important;
}