/* ============================================================
   BOUTIQUE GLASS CHECKOUT REDESIGN
   ============================================================ */

/* 1. Page Background Match */
.page-template-default.wc-block-checkout-page {
    background: linear-gradient(135deg, hsl(40 30% 97%) 0%, hsl(40 25% 95%) 50%, hsl(40 30% 97%) 100%);
}

/* 2. Main Sidebar & Layout */
.wc-block-checkout .wc-block-components-sidebar-layout {
    
    padding-top: 2rem;
}

/* 3. Transform Main Fields and Sidebar into Glass Cards */
.wc-block-checkout__main,
.wc-block-checkout__sidebar {
    background: linear-gradient(135deg, hsla(var(--glass-bg) / 0.8), hsla(var(--glass-bg) / 0.6)) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid hsla(var(--glass-border) / 0.8) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: 0 8px 32px rgba(var(--shadow-dark), 0.08) !important;
    padding: 2rem !important;
}

/* 4. Typography Adjustments */
.wc-block-components-title, 
.wc-block-components-checkout-step__title,
.wc-block-components-order-summary__title-text {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 500 !important;
    font-size: 1.8rem !important;
    color: hsl(var(--foreground)) !important;
}

/* 5. Input Fields - The "Inset Glass" Look */
.wc-block-components-text-input input,
.wc-block-components-address-form input,
.wc-block-components-country-input select,
.wc-block-components-state-input select {
    background: linear-gradient(145deg, hsl(40 25% 93%), hsl(40 30% 96%)) !important;
    border: 1px solid hsla(var(--glass-border) / 0.5) !important;
    box-shadow: inset 0 2px 4px rgba(var(--shadow-dark), 0.05) !important;
    border-radius: 12px !important;
    padding: 1.5rem 1rem 0.5rem !important; /* Spacing for floating labels */
    color: hsl(var(--foreground)) !important;
}

.wc-block-components-text-input label {
    color: hsl(var(--muted-foreground)) !important;
    font-size: 0.9rem !important;
}

/* 6. Checkout Steps / Fieldsets */
.wc-block-components-checkout-step {
    border-bottom: 1px solid hsla(var(--border) / 0.5) !important;
    margin-bottom: 2rem !important;
    padding-bottom: 2rem !important;
}

/* 7. Primary Action Button - The "Black Pill" */
.wc-block-components-checkout-place-order-button {
    background-color: #1a1a1a !important; /* Pure Dark from your theme */
    color: #fff !important;
    border-radius: 50px !important;
    padding: 1.2rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    border: none !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
}

.wc-block-components-checkout-place-order-button:hover {
    background-color: #000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.2) !important;
}

/* 8. Order Summary Item Styling */
.wc-block-components-order-summary-item {
    padding: 1rem 0 !important;
}

.wc-block-components-order-summary-item__image {
    border-radius: 10px !important;
    background: hsla(var(--glass-bg) / 0.5) !important;
    padding: 5px !important;
}

.wc-block-components-product-name {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

/* 9. Notices and Errors */
.wc-block-components-notice-banner {
    border-radius: 15px !important;
    background: hsla(var(--background) / 0.9) !important;
    border: 1px solid hsl(var(--border)) !important;
}

/* 10. Totals Section */
.wc-block-components-totals-item__label {
    color: hsl(var(--muted-foreground)) !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: hsl(var(--foreground)) !important;
}

/* Extra focus styles for accessibility */
.wc-block-components-text-input input:focus {
    border-color: hsl(var(--accent)) !important;
    box-shadow: 0 0 0 2px hsla(var(--accent) / 0.2), inset 0 2px 4px rgba(var(--shadow-dark), 0.05) !important;
}
/* ============================================================
   MINIMAL MOBILE CHECKOUT SUMMARY (NO IMAGES)
   ============================================================ */

@media (max-width: 600px) {
    /* 1. Hide the product image entirely */
    .wc-block-components-order-summary-item__image {
        display: none !important;
    }

    /* 2. Reset the item row to a simple flex layout */
    .wc-block-components-order-summary-item {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid hsla(var(--border) / 0.3) !important;
        width: 100% !important;
    }

    /* 3. Description Area (Left Side) */
    .wc-block-components-order-summary-item__description {
        padding: 0 !important;
        margin: 0 !important;
        flex: 1 !important;
        overflow: hidden !important; /* Safety for long names */
    }

    /* 4. Reduce font sizes */
    .wc-block-components-product-name {
        font-size: 13px !important; /* Smaller title */
        font-weight: 500 !important;
        margin: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important; /* Adds "..." if name is too long */
        display: block !important;
    }

    /* Small price details under the title */
    .wc-block-components-product-price {
        font-size: 11px !important;
        margin-top: 2px !important;
        opacity: 0.8 !important;
    }

    .wc-block-components-product-price__regular,
    .wc-block-components-product-price__value {
        white-space: nowrap !important;
    }

    /* 5. Total Price (Right Side) */
    .wc-block-components-order-summary-item__total-price {
        font-size: 13px !important;
        font-weight: 600 !important;
        white-space: nowrap !important; /* Keeps price on one line */
        margin-left: 10px !important;
        flex-shrink: 0 !important; /* Prevents price from squishing */
        color: hsl(var(--foreground)) !important;
    }

    /* 6. Metadata (e.g., 'elaichi') */
    .wc-block-components-product-metadata {
        display: none !important; /* Hiding metadata to save more vertical space */
    }

    /* 7. Clean up sidebar padding */
    .wc-block-checkout__sidebar {
        padding: 1.25rem !important;
    }
}
.ast-plain-container .entry-content[data-ast-blocks-layout] > .alignwide{
    margin:0 auto;
}