.elementor-6078 .elementor-element.elementor-element-d261513{--display:flex;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS *//* =========================================
   1. BRAND VARIABLES
   ========================================= */
:root {
    --brand-pink: #ff4880;
    --brand-dark: #242864;
    --brand-light: #f6f8fe;
    --brand-white: #ffffff;
}

/* =========================================
   2. PAGE BACKGROUND
   ========================================= */
/* Force the entire cart section to have your light blue background */
.site-content-wrapper,
.entry-content,
.elementor-6078, 
.wp-block-woocommerce-cart {
    background-color: var(--brand-light);
}

/* Add breathing room around the cart */
.wp-block-woocommerce-cart {
    padding: 60px 0;
}

/* =========================================
   3. THE "CARD" CONTAINERS
   ========================================= */
/* This targets the Left (Items) and Right (Sidebar) blocks */
.wc-block-cart__main,
.wc-block-cart__sidebar {
    background-color: var(--brand-white) !important;
    border-radius: 16px !important;
    box-shadow: 0 15px 35px rgba(36, 40, 100, 0.05) !important; /* Premium soft shadow */
    border: 1px solid rgba(255, 255, 255, 0.8) !important; /* Subtle border */
    padding: 35px !important;
}

/* Add space between them on mobile */
.wc-block-cart__main {
    margin-bottom: 30px; 
}

/* =========================================
   4. LEFT SIDE: CART ITEMS
   ========================================= */
/* Table Header */
.wc-block-cart-items__header {
    border-bottom: 2px solid var(--brand-light);
    color: var(--brand-dark);
}

.wc-block-cart-items__header th {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #8898aa; /* Muted grey for professional look */
    padding-bottom: 20px;
    font-weight: 700;
}

/* Product Rows */
.wc-block-cart-items__row {
    border-bottom: 1px solid var(--brand-light);
}

/* Product Image */
.wc-block-cart-item__image img {
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* Lift image slightly */
    border: 2px solid #fff;
}

/* Product Name */
.wc-block-components-product-name {
    color: var(--brand-dark) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    line-height: 1.4;
}

.wc-block-components-product-name:hover {
    color: var(--brand-pink) !important;
}

/* Price */
.wc-block-cart-item__prices {
    color: var(--brand-pink);
    font-weight: 700;
    font-size: 16px;
}

.wc-block-components-product-price__regular {
    color: #aaa; /* Grey out the old price */
    font-weight: 400;
}

/* Sale Badge */
.wc-block-components-sale-badge {
    background: rgba(255, 72, 128, 0.1) !important; /* Light pink bg */
    color: var(--brand-pink) !important;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px 6px;
}

/* Remove Item Link */
.wc-block-cart-item__remove-link {
    color: #999 !important;
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.wc-block-cart-item__remove-link:hover {
    color: var(--brand-pink) !important;
    text-decoration: none !important;
}

/* =========================================
   5. RIGHT SIDE: SIDEBAR & TOTALS
   ========================================= */
/* Sidebar Title */
.wc-block-cart__totals-title {
    color: var(--brand-dark);
    font-size: 20px;
    font-weight: 800;
    border-bottom: 2px solid var(--brand-light);
    padding-bottom: 15px;
    margin-bottom: 20px;
}

/* Totals Rows */
.wc-block-components-totals-item {
    font-size: 15px;
    color: #555;
    margin-bottom: 15px;
}

/* The Final Price (Grand Total) */
.wc-block-components-totals-footer-item {
    border-top: 2px dashed #eee; /* Dotted line separator */
    padding-top: 20px;
    margin-top: 20px;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 26px;
    color: var(--brand-pink);
    font-weight: 800;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-size: 16px;
    font-weight: 700;
    color: var(--brand-dark);
}

/* Coupon Area */
.wc-block-components-totals-coupon {
    background: var(--brand-light);
    border-radius: 8px;
    padding: 0 10px !important;
    margin-bottom: 20px;
    border: 1px solid rgba(36, 40, 100, 0.05);
}

/* =========================================
   6. CHECKOUT BUTTON (THE STAR)
   ========================================= */
.wc-block-cart__submit-button {
    background-color: var(--brand-pink) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 18px !important;
    border-radius: 50px !important; /* Full rounded pill */
    box-shadow: 0 10px 25px rgba(255, 72, 128, 0.3); /* Pink Glow */
    transition: all 0.3s ease !important;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 15px;
}

.wc-block-cart__submit-button:hover {
    background-color: var(--brand-dark) !important;
    transform: translateY(-2px); /* Moves up slightly */
    box-shadow: 0 15px 35px rgba(36, 40, 100, 0.25);
}

/* =========================================
   7. GOOGLE PAY / EXPRESS SECTION
   ========================================= */
.wc-block-components-express-payment {
    background: #fdfdfd;
    border: 1px dashed #ccc;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}

.wc-block-components-express-payment-continue-rule {
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 15px 0;
}

.wc-block-components-panel__button-icon {
    right: 6px !important;
}

.wc-block-components-panel__button {
    padding: 8px 12px !important ;
}

.wc-block-cart__submit-container {
    border: none !important;
    
}
.wc-block-cart__submit-container:hover {
    border:none !important;
    background: none !important;
}
.wc-block-components-sidebar-layout {
    gap: 10px;
}
.wc-block-components-main {
    width: 60% !important;
}/* End custom CSS */