.elementor-11 .elementor-element.elementor-element-4840beca{--display:flex;}.elementor-11 .elementor-element.elementor-element-76e1372a{column-gap:0px;color:var( --e-global-color-astglobalcolor2 );}.elementor-11 .elementor-element.elementor-element-76e1372a a{color:#3E76A4;}/* Start custom CSS for text-editor, class: .elementor-element-76e1372a *//* Custom CSS to remove excessive padding and roundness from the 'Proceed to checkout' button */

.woocommerce .wc-proceed-to-checkout a.checkout-button {
    /* 1. REDUCE THE INTERNAL PADDING (SPACING) */
    padding: 10px 25px !important; 
    
    /* 2. REDUCE THE ROUNDNESS OF THE CORNERS */
    /* Adjust this value (e.g., from 50px to 5px) to control the curve */
    border-radius: 5px !important; 
    
    /* Set the background and border color to your desired blue (already correct) */
    background-color: #3E76A4 !important;
    border: 1px solid #3E76A4 !important;
    color: #ffffff !important; 
    
    /* Center the button text (already correct) */
    text-align: center !important;
    
    /* Keep these commented out unless you want to limit the button width */
    /* width: 200px !important; */
    /* margin: 0 auto !important; */
}

/* Hover state remains the same */
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #316086 !important; 
    border-color: #316086 !important;
}
/* Custom CSS to style the "Update cart" button to match the checkout button color */

.woocommerce button[name="update_cart"] {
    /* Set the background color */
    background-color: #3E76A4 !important;
    
    /* Set the text color to white for contrast */
    color: #ffffff !important; 
    
    /* Match the border color */
    border: 1px solid #3E76A4 !important; 
    
    /* Ensure the button is visible, in case a previous rule hid it */
    display: inline-block !important; 
}

/* Add a hover effect for a slightly darker blue */
.woocommerce button[name="update_cart"]:hover {
    background-color: #316086 !important; /* Slightly darker shade of blue */
    border-color: #316086 !important;
}
/* Custom CSS to precisely control the internal spacing (height) and corners of the 'Proceed to checkout' button */

.woocommerce .wc-proceed-to-checkout a.checkout-button {
    /* 1. CONTROL VERTICAL HEIGHT (TOP/BOTTOM PADDING) */
    /* Adjust '5px' to control how much less tall the button is. */
    padding: 5px 25px !important; 
    
    /* 2. REDUCE ROUNDNESS FOR A SMALLER LOOK */
    /* Setting a small radius like '4px' makes the button look less tall/large. */
    border-radius: 4px !important; 
    
    /* Ensure the text size remains standard (optional, but good for control) */
    font-size: 14px !important; 
    
    /* Re-apply required color styles (as previously agreed) */
    background-color: #3E76A4 !important;
    border: 1px solid #3E76A4 !important;
    color: #ffffff !important; 
}

/* Hover state remains consistent with the new style */
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #316086 !important; 
    border-color: #316086 !important;
}
/* Custom CSS to center the main "Cart" page title */
/* We target the H1 element usually used for page titles on the Cart page */

.woocommerce-page .entry-title, 
.elementor-heading-title.elementor-size-default:first-child {
    text-align: center !important;
    width: 100%; /* Ensure it spans the full width to center effectively */
}/* End custom CSS */