/*====CART START====*/
/* CART AND CHECKOUTPAGE SPACING FIX */

/* Hide Update Cart button . */
.woocommerce button[name="update_cart"] {
    display: none !important;
}

/*THIS IS FOR BIIGER PICS ON CART PAGE*/
jcart .product-thumbnail img {
    width: 100% !important;
    height: auto !important;
    max-width: 62.5rem !important;
}
/*//////////////*/
/* RELATED PROD SCROLL */

/*TAKES OFF THE ADD TO CART BUTTON IN PRODUCT SCROLL*/
.ztaxz-related-scroll ul.products li.product .button {
    display: none !important;
}

/*+++++TOTAL BOX CART. */

/* Force the parent containers to take full width so centering is calculated against the whole page */
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart_totals {
    width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.custom-cart-boxes {
    display: flex;
    flex-direction: column;
    gap: 23px;
    max-width: 380px; /* Match the width from your migrated CSS */
    margin: 20px auto !important;
}

.custom-cart-total-box,
.custom-cart-checkout-box {
    border: 1px solid #000060;
    border-radius: 9px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.custom-cart-total-box h3 {
    margin-bottom: 15px;
    font-size: 2rem;
}

.custom-cart-total-box .cart-total {
    font-size: 1.2rem;
    font-weight: bold;
    color: #046223;
    border-top: 1px solid #000060;
    padding-top: 10px;
    margin-top: 10px;
}

/* Coupon discount amount in red */
.custom-cart-total-box .cart-discount .amount {
    color: #fa0042;
    font-weight: bold;
}

/*TOTAL BOX CART. END++++++*/

/*THIS IS THE RELATED PRODUCTS IN CART TO BE BLUE*/
.woocommerce-js ul.products li.product .price {
    color: #000060;
}

/*THE FIRST ALWAYS SHOWS COUPON ON CART AND THE SECOND HIDES THE TOGGLE THAT OPEND IT. WORKSKEPE*/
.woocommerce-form-coupon {
    display: block !important;
}

.woocommerce-form-coupon-toggle {
    display: none !important;
}

/*THIS IS THE ADD POINTS BOX IN THE CART delet or move into the new check box that we are gonna have.*/
.points-redeem-box {
    background: #f5faff;
    border: 2px solid #000060;
    padding: 24px;
    border-radius: 12px;
    margin-bottom: 25px;
}

.points-redeem-input {
    width: 160px !important;
    height: 48px;
    font-size: 1em;
    padding: 120px;
    border-radius: 8px;
    border: 20px solid #cddfff;
}

/* Cart-specific tweaks (optional) */
.points-redeem--cart {
    margin-top: 0;
}

/*====CART END====*/