.elementor-22821 .elementor-element.elementor-element-4bb3b8db{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22821 .elementor-element.elementor-element-d3b4dd6{text-align:center;}.elementor-22821 .elementor-element.elementor-element-d3b4dd6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-22821 .elementor-element.elementor-element-97a093c{--display:flex;}.elementor-22821 .elementor-element.elementor-element-43b6ee6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22821 .elementor-element.elementor-element-43b6ee6.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}@media(min-width:768px){.elementor-22821 .elementor-element.elementor-element-97a093c{--width:85%;}}/* Start custom CSS for shortcode, class: .elementor-element-43b6ee6 *//* 1. Left-align the product name and variations */
.woocommerce-cart table.cart td.product-name {
    text-align: left !important;
}

/* 2. Style the variations (dl, dt, dd) for a clean list look */
.woocommerce-cart table.cart .variation {
    display: grid;
    grid-template-columns: max-content 1fr; /* Puts label and value side-by-side */
    gap: 5px; /* Space between the label and the value */
    margin-top: 5px;
}

/* 3. Make the labels slightly bolder for readability */
.woocommerce-cart table.cart .variation dt {
    font-weight: 600;
    margin: 0;
}

/* 4. Remove default margin from the values */
.woocommerce-cart table.cart .variation dd {
    margin: 0;
}

/* 5. Ensure the product thumbnail and name are vertically aligned */
.woocommerce-cart table.cart td.product-name, 
.woocommerce-cart table.cart td.product-thumbnail {
    vertical-align: middle !important;
}


.woocommerce-info, .cart-empty {
    font-size: 25px !important; 
    font-weight: 600;
    padding-left: 240px;
    padding-right: 240px;
}

.woocommerce-info {
    border-top-color: #DAB35E !important;
}


/*return to shop button*/
p.return-to-shop a.button.wc-backward {
    background-color: #DAB35E !important;
    color: #000 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97a093c */@media (min-width: 992px) { /* 1. Set main container to Flexbox with wrapping enabled */ .woocommerce-cart .woocommerce { display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start; gap: 20px;
    }
 /* 2. Force the Notice Wrapper to stay at the top (Full Width) */ .woocommerce-cart .woocommerce-notices-wrapper { flex: 0 0 100%;
    width: 100%;
    }  
 /* 3. Left Column: Cart Table */ .woocommerce-cart .woocommerce-cart-form { flex: 1; /* Takes up remaining space */ margin-bottom: 0;
    }
 /* 4. Right Column: Cart Totals */ .woocommerce-cart .cart-collaterals { flex: 0 0 350px;
     background: #f9f9f9;
    padding: 20px;
    border: 1px solid #eee;
    margin-top: 28px;
    }
 /* Reset totals width */ .woocommerce-cart .cart-collaterals .cart_totals { width: 100% !important;
    float: none !important;
    }
 }




/* Force text wrapping inside the product name column */
.woocommerce-cart-form .product-name,
.woocommerce-cart-form .product-name a,
.woocommerce-cart-form .product-name .variation p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

/* Add a max-width to the variation definition list to prevent it from stretching */
.woocommerce-cart-form .product-name .variation {
    max-width: 100%;
    overflow: hidden; 
}


/* 1. General Title (Cart Totals Header) */
.cart-collaterals h2 {
    font-size: 24px;
    color: #333333;
    text-transform: uppercase;
}

/* 2. Left Side Labels (e.g., Subtotal, Shipping, Total) */
.cart-collaterals .cart_totals table th {
    font-size: 16px;
    color: #333333;
    font-weight: 600;
}

/* 3. Right Side Values (The actual prices) */
.cart-collaterals .cart_totals table td {
    font-size: 16px;
    color: #333333;
    text-align: right;
}

/* 4. Highlight the Final Total Price specifically */
.cart-collaterals .cart_totals .order-total .amount {
    font-size: 22px;
    color: #333333; /* Example: A bold red for the final price */
    font-weight: bold;
}

/* 5. Small print (e.g., "includes taxes") */
.cart-collaterals .woocommerce-shipping-destination,
.cart-collaterals .tax-total {
    font-size: 12px;
    color: #999999;
}


/* Target the Proceed to Checkout button in the cart */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    /* Color and Background */
    background-color: #DAB35E !important; /* Button background color */
    color: #000 !important;            /* Text color */
    
    /* Text Size and Weight */
    font-size: 18px !important;           /* Size of the text */
    font-weight: 700 !important;           /* Boldness (400 is normal, 700 is bold) */
    text-transform: uppercase;             /* Forces ALL CAPS if desired */
    
    /* Spacing and Shape */
    padding: 15px 0px !important;        /* Vertical and Horizontal internal spacing */
    border-radius: 5px;                    /* Rounded corners */
    
    /* Transition for smooth hover */
    transition: all 0.3s ease;
}

/* Hover State - What happens when you mouse over it */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #b8974f !important; /* Darker shade on hover */
    color: #000 !important;
}


.woocommerce button[name="update_cart"] {
    background-color: #DAB35E !important; /* Change to your hex color */
    color: #000 !important;           /* Text color */
    border-radius: 5px;                  /* Optional: rounds the corners */
    border-color: #DAB35E !important;
}

/* Change the hover state color */
.woocommerce button[name="update_cart"]:hover {
    background-color: #b8974f !important; /* Color when mouse hovers */
    color: #000 !important;
    border-color: #000 !important;
    transition: all 0.3s ease;
}

/*cart table header*/
.woocommerce-cart table.cart thead th {
    color: #000 !important;
    border-bottom: 2px solid #ff0000;
    opacity: 1 !important;
}

table.cart td.product-quantity {
    border-bottom: 0 !important;
}/* End custom CSS */