/**
 * MPQ Cart Buttons
 *
 * These styles are intentionally minimal so they inherit the active
 * theme and WooCommerce button styling.
 */

/* ------------------------------------------------------------------
   Base Button
------------------------------------------------------------------- */

.mpqcb-cart-button {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color .20s ease,
        border-color .20s ease,
        color .20s ease,
        opacity .20s ease;
}

.mpqcb-cart-button:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* ------------------------------------------------------------------
   Add To Cart
------------------------------------------------------------------- */

.mpqcb-not-in-cart {
    cursor: pointer;
}

/* ------------------------------------------------------------------
   View Cart
------------------------------------------------------------------- */

.mpqcb-in-cart {
    cursor: pointer;
}

/* ------------------------------------------------------------------
   Loading
------------------------------------------------------------------- */

.mpqcb-cart-button.loading {
    pointer-events: none;
    opacity: .70;
}

/* ------------------------------------------------------------------
   Disabled
------------------------------------------------------------------- */

.mpqcb-cart-button[aria-disabled="true"] {
    pointer-events: none;
    opacity: .60;
}

/* ------------------------------------------------------------------
   Hide an empty WooCommerce/UABB mini-cart.
   The body selector handles the initial page load.
   The element selector handles WooCommerce AJAX fragment updates.
------------------------------------------------------------------- */
/*body.mpqcb-cart-empty .ast-site-header-cart,
.ast-site-header-cart.mpqcb-cart-empty {
    display: none !important;
}*/

/* ------------------------------------------------------------------
   Show the cart after WooCommerce refreshes the Astra fragment
   with one or more products.
------------------------------------------------------------------- */
/*.ast-site-header-cart.mpqcb-cart-has-items {
    display: block;
}*/

/* ------------------------------------------------------------------
   Optional Spinner
------------------------------------------------------------------- */

.mpqcb-cart-button.loading::after {
    content: "";
    display: inline-block;
    width: .8em;
    height: .8em;
    margin-left: .5em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: mpqcb-spin .7s linear infinite;
    vertical-align: middle;
}

@keyframes mpqcb-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* ------------------------------------------------------------------
   Responsive
------------------------------------------------------------------- */

@media (max-width: 768px) {

    .mpqcb-cart-button {
        width: 100%;
        box-sizing: border-box;
    }

}