/**
 * Easy Elements Pro – WooCommerce Global Styles
 * Loaded only when WooCommerce is active.
 */

/* Country Info */
.easyel-product-country-info {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.easyel-product-country-info span {
    font-size: 18px;
    font-weight: 400;
}

.easyel-product-country-info img {
    width: 20px;
    height: auto;
    border-radius: 2px;
}

/* ============================================================
   Add-to-Cart loader — shows a spinner on every Pro add-to-cart
   button (.easyel-add-to-cart-btn) while WooCommerce's AJAX add is
   in flight. WC adds `.loading` on click and removes it once the
   item is added, so the spinner is visible for exactly that window.
   Loaded globally, so it covers all product grids / sliders / tabs.
   Uses currentColor so the spinner matches each button's text color.
============================================================ */
.easyel-add-to-cart-btn.loading {
    position: relative;
    pointer-events: none;
    cursor: wait;
}
.easyel-add-to-cart-btn.loading .btn-text,
.easyel-add-to-cart-btn.loading .arrow-icon,
.easyel-add-to-cart-btn.loading > i,
.easyel-add-to-cart-btn.loading .easyel-add-to-cart-btn-text {
    visibility: hidden;
}
.easyel-add-to-cart-btn.loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: easyel-cart-spin 0.6s linear infinite;
}
@keyframes easyel-cart-spin {
    to { transform: rotate(360deg); }
}