/* Toggle buy button and quantity stepper on product cards. */

form.cart .quantity:not(.cf-cart-stepper-active){
    display:none !important;
}

.quantity.cf-cart-toggle-quantity:not(.cf-cart-stepper-active){
    display:none !important;
}

.quantity.cf-cart-toggle-quantity.cf-cart-stepper-active{
    display:inline-block !important;
    width:100% !important;
}

.quantity.cf-cart-toggle-quantity.cf-cart-stepper-active .cf-qty-control{
    grid-template-columns:40px 1fr 40px;
    width:100%;
    position:relative;
}

.quantity.cf-cart-toggle-quantity .cf-qty-limit-label{
    display:none;
    grid-column:2;
    grid-row:1;
    align-items:center;
    justify-content:center;
    width:100%;
    max-width:100%;
    min-width:0;
    height:40px;
    padding:0 4px;
    box-sizing:border-box;
    color:var(--e-global-color-primary);
    font-size:12px;
    font-weight:600;
    line-height:1.1;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    pointer-events:none;
    letter-spacing:0;
}

.quantity.cf-cart-toggle-quantity.cf-cart-stepper-limit-reached .cf-qty-limit-label{
    display:flex;
}

.quantity.cf-cart-toggle-quantity.cf-cart-stepper-limit-reached .cf-qty-button--minus{
    grid-column:1;
    grid-row:1;
}

.quantity.cf-cart-toggle-quantity.cf-cart-stepper-limit-reached .cf-qty-button--plus{
    grid-column:3;
    grid-row:1;
}

.quantity.cf-cart-toggle-quantity.cf-cart-stepper-limit-reached .cf-qty-control > input.qty{
    display:none !important;
}

.quantity.cf-cart-toggle-quantity.cf-cart-stepper-limit-reached .cf-qty-button--plus{
    opacity:.42;
    cursor:not-allowed;
    box-shadow:none;
}

.quantity.cf-cart-toggle-quantity.cf-cart-stepper-active.cf-cart-stepper-morphing .cf-qty-control{
    transform-origin:center;
    animation:cf-pill-button-in .34s cubic-bezier(.22,.78,.22,1) both;
}

.quantity.cf-cart-toggle-quantity.cf-cart-stepper-active.cf-cart-stepper-morphing .cf-qty-button,
.quantity.cf-cart-toggle-quantity.cf-cart-stepper-active.cf-cart-stepper-morphing .qty{
    animation:cf-pill-content-in .18s ease .05s both;
}

.button.add_to_cart_button.cf-cart-stepper-active,
.button.add_to_cart_button.cf-cart-toggle-button.cf-cart-stepper-active,
.button.single_add_to_cart_button.cf-cart-stepper-active,
.button.single_add_to_cart_button.cf-cart-toggle-button.cf-cart-stepper-active,
.woocommerce a.button.add_to_cart_button.cf-cart-stepper-active,
.woocommerce a.button.add_to_cart_button.cf-cart-toggle-button.cf-cart-stepper-active,
.woocommerce button.button.single_add_to_cart_button.cf-cart-stepper-active,
.woocommerce button.button.single_add_to_cart_button.cf-cart-toggle-button.cf-cart-stepper-active{
    display:none !important;
}

.button.add_to_cart_button.cf-cart-toggle-button.cf-cart-stepper-morphing,
.button.single_add_to_cart_button.cf-cart-toggle-button.cf-cart-stepper-morphing,
.woocommerce a.button.add_to_cart_button.cf-cart-toggle-button.cf-cart-stepper-morphing,
.woocommerce button.button.single_add_to_cart_button.cf-cart-toggle-button.cf-cart-stepper-morphing{
    animation:cf-pill-button-in .34s cubic-bezier(.22,.78,.22,1) both;
}

.cf-cart-stepper-loading{
    pointer-events:none;
    opacity:.72;
}

@keyframes cf-pill-content-in{
    0%{
        opacity:0;
        transform:translateY(3px) scale(.96);
    }

    100%{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@keyframes cf-pill-button-in{
    0%{
        opacity:.72;
        transform:scaleX(.94) scaleY(.98);
    }

    100%{
        opacity:1;
        transform:scale(1);
    }
}