/* checkout button */
.checkout .btn {
    --bs-btn-padding-x: 1em;
    --bs-btn-padding-y: 1em;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 500;
    --bs-btn-border-radius: 0px;
    text-transform: uppercase;
    color: var(--alfa-black, black);
}
.checkout .btn.btn-primary {
    background: var(--alfa-extra, darkseagreen);
    border-color: var(--alfa-extra, darkseagreen);
}
.checkout .btn.btn-primary:hover {
    background: color-mix(in oklab,
        var(--alfa-extra, darkseagreen) 70%,
        white 30%
    );
    border-color: color-mix(in oklab,
        var(--alfa-extra, darkseagreen) 70%,
        white 30%
    );
    color: var(--alfa-black, black);
}

/* headers */
.cart-grid .h4, 
.featured-products .h2 
{
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

/* continue button */
.cart-container .btn.btn-outline-primary, 
.featured-products .all-product-link 
{
    --bs-btn-font-size: 12px;
    --bs-btn-font-size: 1rem;
    padding: 2px 10px;
    color: #000; /* iOS */
    color: var(--alfa-black, black);
    border-color: var(--alfa-black, black);
    border-radius: 15px;
}
.cart-container .btn.btn-outline-primary:hover, 
.featured-products .all-product-link:hover 
{
    background: hsl(0 0% 0% / .1);
    color: #000; /* iOS */
    color: var(--alfa-black, black);
    border-color: var(--alfa-black, black);
}
.featured-products .all-product-link.btn i, 
.featured-products .all-product-link.btn:hover i 
{
    color: #000; /* iOS */
    color: var(--alfa-black, black);
}

/* delete from cart button */
.cart-container .remove-from-cart {
    color: #000; /* iOS */
    color: var(--alfa-black, black);
}
.cart-container .cart__item .remove-from-cart::after {
    color: #000; /* iOS */
    background: var(--alfa-black, black);
}

/* quantity buttons */
.quantity-button .btn.decrement:hover, 
.quantity-button .btn.increment:hover 
{
    border-color: hsl(0 0% 0% / .2);
    background: hsl(36, 38%, 95%);
    color: var(--alfa-black, black);
    opacity: 1;
}
.quantity-button .btn.decrement:hover i, 
.quantity-button .btn.increment:hover i 
{
    color: var(--alfa-black, black);
}
.quantity-button input.form-control:focus {
    border-color: var(--alfa-gold, goldenrod);
    box-shadow: 0 0 0 2px var(--alfa-gold, goldenrod);
}

/**/
#promo-code .btn.btn-primary {
    color: #000; /* iOS */
    color: var(--alfa-black, black);
    background: color-mix(in oklab,
        var(--alfa-gold, goldenrod) 70%,
        white 30%
    );
    border-color: color-mix(in oklab,
        var(--alfa-gold, goldenrod) 70%,
        white 30%
    );
}
#promo-code .btn.btn-primary:hover {
    background: color-mix(in oklab,
        var(--alfa-gold, goldenrod) 50%,
        white 50%
    );
    border-color: color-mix(in oklab,
        var(--alfa-gold, goldenrod) 50%,
        white 50%
    );
}
#promo-code .form-control {
    
}
#promo-code .form-control:focus {
    border-color: var(--alfa-gold, goldenrod);
    box-shadow: 0 0 0 2px var(--alfa-gold, goldenrod);
}


#cart .abcweb-cart-promo {
    text-align: start;
    margin-top: 1rem;
}