/* Remove qualquer ícone/spinner padrão que o Astra tente forçar */
.woocommerce li.product .add_to_cart_button.loading::after,
.woocommerce li.product .add_to_cart_button::after,
.single_add_to_cart_button.loading::after {
    display: none !important;
    content: none !important;
}

/* Aplica o círculo no botão da Grid e da Página Única */
.add_to_cart_button.loading, 
.single_add_to_cart_button.loading {
    position: relative;
    color: transparent !important;
}

.add_to_cart_button.loading::before,
.single_add_to_cart_button.loading::before {
    content: "";
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    margin-left: -9px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 0.8s linear infinite;
    display: block !important;
    z-index: 999; /* Garante que fique acima de tudo */
}

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