/* SaunyOnline commerce palette: navy/ice-blue UI with green conversion CTAs. */
:root {
    --so-commerce-navy: #102a43;
    --so-commerce-navy-soft: #294b68;
    --so-commerce-blue: #3d8fbd;
    --so-commerce-blue-dark: #286f99;
    --so-commerce-ice: #edf7fd;
    --so-commerce-ice-strong: #dceef8;
    --so-commerce-line: #d5e2ec;
    --so-commerce-green: #197447;
    --so-commerce-green-dark: #105c37;
}

/* Cart: remove orange from supporting actions and accents. */
.checkout-cart-index .fastcheckout-cart-shell section > h2::before {
    background: var(--so-commerce-blue) !important;
}

.checkout-cart-index .fastcheckout-postcode-box label {
    color: var(--so-commerce-navy) !important;
}

.checkout-cart-index button[name="update_cart_action"][value="update_qty"].btn-secondary,
.checkout-cart-index #discount-coupon-form .btn-secondary {
    border: 1px solid var(--so-commerce-navy) !important;
    background: #fff !important;
    color: var(--so-commerce-navy) !important;
    box-shadow: none !important;
    font-weight: 700;
}

.checkout-cart-index button[name="update_cart_action"][value="update_qty"].btn-secondary:hover,
.checkout-cart-index #discount-coupon-form .btn-secondary:hover {
    border-color: var(--so-commerce-navy) !important;
    background: var(--so-commerce-navy) !important;
    color: #fff !important;
}

.checkout-cart-index .item-actions .btn.p-2,
#cart-drawer .btn.p-2 {
    border: 1px solid var(--so-commerce-line) !important;
    background: var(--so-commerce-ice) !important;
    color: var(--so-commerce-navy) !important;
    box-shadow: none !important;
}

.checkout-cart-index .item-actions .btn.p-2:hover,
#cart-drawer .btn.p-2:hover {
    border-color: var(--so-commerce-blue) !important;
    background: var(--so-commerce-ice-strong) !important;
    color: var(--so-commerce-blue-dark) !important;
}

.checkout-cart-index .coupon-form .text-primary {
    color: var(--so-commerce-blue) !important;
}

.checkout-cart-index #coupon_code:focus {
    border-color: var(--so-commerce-blue) !important;
    box-shadow: 0 0 0 3px rgb(61 143 189 / .17) !important;
    outline: none !important;
}

/* Minicart: green conversion action, navy supporting action. */
#cart-drawer a[href$="/checkout/"].btn-primary {
    border: 1px solid var(--so-commerce-green-dark) !important;
    background: linear-gradient(135deg, #218653 0%, var(--so-commerce-green) 55%, #14663e 100%) !important;
    color: #fff !important;
    box-shadow: 0 7px 17px rgb(25 116 71 / .22) !important;
    font-weight: 800 !important;
}

#cart-drawer a[href$="/checkout/"].btn-primary:hover {
    filter: brightness(.94);
    box-shadow: 0 9px 21px rgb(25 116 71 / .29) !important;
}

#cart-drawer a[href*="/checkout/cart/"].btn-secondary {
    border: 1px solid var(--so-commerce-navy) !important;
    background: #fff !important;
    color: var(--so-commerce-navy) !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

#cart-drawer a[href*="/checkout/cart/"].btn-secondary:hover {
    background: var(--so-commerce-navy) !important;
    color: #fff !important;
}

.checkout-cart-index button[name="update_cart_action"][value="update_qty"].btn-secondary:focus-visible,
.checkout-cart-index #discount-coupon-form .btn-secondary:focus-visible,
.checkout-cart-index .item-actions .btn.p-2:focus-visible,
#cart-drawer .btn:focus-visible {
    outline: 3px solid rgb(61 143 189 / .27) !important;
    outline-offset: 2px;
}