.elementor-16 .elementor-element.elementor-element-446e481 .woocommerce-cart-form{--update-cart-button-alignment:center;--update-cart-button-width:auto;}.elementor-16 .elementor-element.elementor-element-446e481 .coupon{--apply-coupon-button-alignment:center;--apply-coupon-button-width:auto;--sections-border-radius:50px 50px 50px 50px;}.elementor-16 .elementor-element.elementor-element-446e481 .e-cart-section{box-shadow:0px 0px 5px -1px rgba(0,0,0,0.5);}.elementor-16 .elementor-element.elementor-element-446e481{--sections-border-radius:50px 50px 50px 50px;--totals-color:var( --e-global-color-text );}.elementor-16 .elementor-element.elementor-element-446e481 .cart_totals .shop_table td:before, .elementor-16 .elementor-element.elementor-element-446e481 .cart_totals .shop_table td .woocommerce-Price-amount{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}/* Start custom CSS for woocommerce-cart, class: .elementor-element-446e481 *//* Update Cart button */
.woocommerce-cart button[name="update_cart"] {
    border-radius: 50px !important;
    border: 2px solid #4282a8 !important; /* change colour here */
}

/* Optional: make all buttons consistent */
.woocommerce button,
.woocommerce a.button,
.woocommerce button.button {
    border-radius: 50px !important;
}


/* Change the color of the product name link in the cart */
.woocommerce-cart .product-name a {
    color: #2a3a82 !important; /* Replace #007bff with your desired color code (e.g., #FF0000 for red) */
}



/* --- OPTIMIZED COUPON CODE BLOCK  --- */

/* Apply Coupon button */
.woocommerce-cart .coupon button,
.woocommerce-cart button[name="apply_coupon"] {
    border-radius: 50px !important;
    border: 2px solid #4282a8 !important; /* Button border color */
    
    /* Height Match & Vertical Alignment */
    height: 44px !important; /* Matches input height */
    line-height: 1 !important; 
    padding: 10px 20px !important; 
}

/* Coupon input field */
.woocommerce-cart .coupon input.input-text,
.woocommerce-cart .coupon input[name="coupon_code"],
.woocommerce-cart #coupon_code {
    /* Styles */
    border-radius: 50px !important;
    
    /* Height Match & Alignment */
    height: 44px !important; 
    padding: 10px 14px !important; 
    box-sizing: border-box !important; /* Ensures padding/border is included in 44px height */
    vertical-align: middle !important; 
    
    /* Text Centering */
    text-align: center !important; 
}




/* 1. Ensure the Quantity Header is perfectly centered */
.woocommerce-cart table.cart th.product-quantity {
    text-align: center !important;
}

/* 2. Center the ENTIRE Input Box under the header and remove any internal offsets */
.woocommerce-cart td.product-quantity {
    /* Set the table cell to center its content */
    text-align: center !important; 
    
    /* Ensure no padding on the left/right of the cell is pushing content off */
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 3. Style and Center the Number INSIDE the Input Box */
.woocommerce-cart .quantity input.qty {
    /* Retain your visual styles and width/height */
    border-radius: 20px !important;
    width: 60px;
    height: 40px;
    border: 1px solid #ccc;
    box-sizing: border-box;

    /* Nudge the entire box back to the left */
    /* Start with -5px. You may need to adjust this value (e.g., -4px, -6px) */
    margin: 0 0 0 -20px !important; 
    
    /* Ensure the number inside is centered */
    text-align: center !important;
    
    /* Ensure no residual offset transforms are applied */
    text-indent: 0 !important;
    transform: none !important;
}

/* Keep these centering rules from the previous step */
.woocommerce-cart table.cart th.product-quantity {
    text-align: center !important;
}

.woocommerce-cart td.product-quantity {
    text-align: center !important; 
    padding-left: 0 !important;
    padding-right: 0 !important;
}



/* Center and Enlarge the "Cart Totals" Heading */
.cart-collaterals h2.wc-block-components-title,
.cart-collaterals h2 {
    text-align: center !important; /* Center the text */
    color: #2a3a82 !important;
    font-size: 1.5em !important;   /* Make the text 1.5 times the default size */
    margin-top: 0 !important;      /* Remove top margin for cleaner look */
    margin-bottom: 1em !important; /* Add space below the heading */
}/* End custom CSS */