.elementor-40 .elementor-element.elementor-element-1120c58c{--display:flex;--padding-top:35px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-1120c58c *//* =================================================_
   Elementor WooCommerce Cart Page Overrides
   ================================================= */

/* 1. Main Cart Container */
body.elementor-page .woocommerce-cart-form,
body.elementor-page .cart-collaterals,
body.elementor-page .elementor-widget-woocommerce-cart {
    font-family: inherit !important;
    color: #1a1a1a !important;
}

/* 2. Cart Table Styling */
body.elementor-page table.shop_table {
    border: 1px solid #e2ded4 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    overflow: hidden !important;
}

/* Table Header */
body.elementor-page table.shop_table th {
    background-color: #223A2C !important; /* Dark Forest Green */
    color: #f5f3eb !important; /* Sand text */
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 14px 16px !important;
    border: none !important;
}

/* Table Rows & Cells */
body.elementor-page table.shop_table td {
    border-top: 1px solid #e2ded4 !important;
    padding: 16px !important;
    vertical-align: middle !important;
}

/* Product Titles in Cart */
body.elementor-page table.shop_table td.product-name a {
    color: #223A2C !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* 3. Quantity Inputs & Coupons */
body.elementor-page .quantity input.qty,
body.elementor-page .actions .coupon input.input-text {
    border: 1px solid #d5cebf !important;
    background-color: #f5f3eb !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    color: #1a1a1a !important;
}

/* Apply Coupon & Update Cart Buttons */
body.elementor-page table.shop_table .button,
body.elementor-page .actions .coupon button {
    background-color: #223A2C !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 10px 18px !important;
    font-weight: 600 !important;
    border: none !important;
    transition: all 0.2s ease-in-out !important;
}

body.elementor-page table.shop_table .button:hover,
body.elementor-page .actions .coupon button:hover {
    background-color: #16261d !important;
}

/* 4. Cart Totals / Summary Box */
body.elementor-page .cart_totals {
    background-color: #f5f3eb !important; /* Sand background */
    border: 1px solid #e2ded4 !important;
    border-radius: 8px !important;
    padding: 24px !important;
}

body.elementor-page .cart_totals h2 {
    color: #223A2C !important;
    font-size: 1.25rem !important;
    border-bottom: 2px solid #d5cebf !important;
    padding-bottom: 10px !important;
    margin-bottom: 16px !important;
}

/* Proceed to Checkout Primary Button */
body.elementor-page .cart_totals .checkout-button {
    background-color: #223A2C !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 14px 20px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    transition: background-color 0.2s ease !important;
}

body.elementor-page .cart_totals .checkout-button:hover {
    background-color: #16261d !important;
    color: #ffffff !important;
}/* End custom CSS */