/* ------------------------------------------------------------------
 * Add to Cart Loader (single product page)
 * Toggled by js/my-custom-script.js when the user clicks the
 * Add to Cart button. Prevents multi-click duplicate adds by
 * disabling pointer events and showing an inline spinner.
 * ------------------------------------------------------------------ */

/* Loading state applied to .single_add_to_cart_button / .detailpagecart */
.single_add_to_cart_button.wac-atc-loading,
.detailpagecart.wac-atc-loading {
    pointer-events: none;        /* block further clicks while request is in flight */
    cursor: progress;
}

/* Spinner sits inline after the button label so the text stays readable. */
.wac-atc-spinner {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-left: 8px;            /* gap between label and spinner */
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    opacity: 0.9;
    animation: wac-atc-spin 0.7s linear infinite;
    pointer-events: none;
}

@keyframes wac-atc-spin {
    to { transform: rotate(360deg); }
}