/* ELVERA PREMIUM CHECKOUT V5.0 (TACTICAL POLISH) */

/* ========================================
   1. GLOBAL RESET & TYPOGRAPHY
   ======================================== */
body.woocommerce-checkout,
body.woocommerce-checkout.woocommerce-page {
    background-color: #F8FAFC !important;
    color: #F0F0F0 !important;
    font-family: 'Inter', sans-serif !important;
}

/* ========================================
   2. PAGE CONTAINER & HEADER CLEARANCE
   ======================================== */
.woocommerce-checkout .site-content {
    padding-top: 120px !important;
}

/* ELUREYA checkout readability override. */
body.woocommerce-checkout,
body.woocommerce-checkout #page,
body.woocommerce-checkout .site-main {
    color: #0F172A;
}

body.woocommerce-checkout .text-\[\#9a9a9a\],
body.woocommerce-checkout .text-\[\#c1c1c1\],
body.woocommerce-checkout .text-gray-400,
body.woocommerce-checkout .text-gray-500,
body.woocommerce-checkout [class*="text-[#9a9a9a]"],
body.woocommerce-checkout [class*="text-[#c1c1c1]"] {
    color: #334155 !important;
}

body.woocommerce-checkout input,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout label,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout .woocommerce-checkout-review-order * {
    color: #0F172A;
}

body.woocommerce-checkout .amount,
body.woocommerce-checkout .order-total .amount {
    color: #008C95 !important;
}

body.woocommerce-checkout .bg-\[\#81D8D0\],
body.woocommerce-checkout button[type="submit"],
body.woocommerce-checkout #place_order {
    background-color: #81D8D0 !important;
    color: #0F172A !important;
}

.elvera-checkout-page {
    padding-top: 0 !important;
    padding-bottom: 60px;
    max-width: 1400px;
    margin: 0 auto;
    width: 90%;
}

/* ========================================
   3. MAIN GRID LAYOUT (2-Column)
   ======================================== */
.elvera-checkout-grid {
    display: grid !important;
    grid-template-columns: 1fr 420px;
    gap: 60px;
    align-items: start;
}

/* ========================================
   4. LEFT COLUMN: FORM INPUTS
   ======================================== */
.col-left-inputs {
    width: 100%;
}

/* Trust Lock Header */
.card-header-row {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #222;
}

.card-title {
    font-family: 'Bodoni Moda', serif;
    font-size: 28px;
    color: #FFF;
    font-weight: 400;
    margin: 0;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.card-title .lock-icon {
    vertical-align: middle;
}

/* --- Form Rows: Labels & Spacing --- */
.woocommerce-checkout .form-row {
    margin-bottom: 20px !important;
    display: flex;
    flex-direction: column;
}

.woocommerce-checkout .form-row label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #AAA;
    margin-bottom: 8px;
    font-weight: 600;
}

/* --- Input Fields: ROBUST STYLING --- */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.select2-container--default .select2-selection--single {
    background-color: rgba(255, 255, 255, 0.05) !important;
    /* 5% White Fill */
    border: 1px solid rgba(129, 216, 208, 0.3) !important;
    /* Subtle Gold Border */
    border-left: 3px solid #81D8D0 !important;
    /* Gold Accent */
    color: #FFF !important;
    height: 50px !important;
    width: 100% !important;
    box-sizing: border-box;
    padding: 10px 15px !important;
    border-radius: 0 !important;
    /* Sharp Edges */
    font-size: 14px;
    font-family: 'SF Mono', 'Monaco', 'Consolas', monospace !important;
    /* Tactical Monospace */
    transition: all 0.2s ease;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus {
    border-color: #81D8D0 !important;
    background-color: rgba(129, 216, 208, 0.08) !important;
    outline: none;
    box-shadow: 0 0 15px rgba(129, 216, 208, 0.15);
}

/* Select2 (Country Dropdowns) */
.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    line-height: 48px !important;
}

.select2-container--default .select2-selection__rendered {
    color: #FFF !important;
    padding-left: 15px !important;
    font-family: 'SF Mono', 'Monaco', 'Consolas', monospace !important;
}

.select2-dropdown {
    background-color: #121212 !important;
    border: 1px solid #333 !important;
    z-index: 99999 !important;
}

.select2-results__options {
    background-color: #121212 !important;
    max-height: 300px !important;
    overflow-y: auto !important;
}

.select2-results__option {
    color: #DDD !important;
    padding: 12px 15px !important;
    background-color: #121212 !important;
}

.select2-results__option:hover,
.select2-results__option--highlighted {
    background-color: #81D8D0 !important;
    color: #000 !important;
}

/* --- Billing/Shipping Field Grid --- */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

#billing_address_1_field,
#shipping_address_1_field,
#billing_email_field,
#billing_company_field,
#order_comments_field {
    grid-column: 1 / -1;
}

/* ========================================
   5. PAYMENT SECTION (Left Column)
   ======================================== */
.payment-section-wrapper {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #222;
    border-radius: 4px;
    padding: 25px;
    margin-top: 40px;
}

.payment-section-wrapper .section-title {
    font-family: 'Inter', sans-serif;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888 !important;
    margin-bottom: 20px;
    border-bottom: 1px solid #222;
    padding-bottom: 10px;
}

/* Payment Methods as Selectable Cards */
.payment-section-wrapper .payment_methods {
    list-style: none;
    padding: 0;
    margin: 0;
}

.payment-section-wrapper .payment_methods li {
    padding: 15px;
    border: 1px solid #333;
    border-radius: 4px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 12px;
}

.payment-section-wrapper .payment_methods li:has(input:checked) {
    border-color: #81D8D0;
    background: rgba(129, 216, 208, 0.08);
}

.payment-section-wrapper .payment_methods label {
    color: #EEE;
    font-size: 14px;
    cursor: pointer;
    flex: 1;
}

.payment-section-wrapper .payment_methods input[type="radio"] {
    accent-color: #81D8D0;
    width: 18px;
    height: 18px;
}

/* ========================================
   6. PLACE ORDER SECTION
   ======================================== */
.place-order-section {
    margin-top: 30px;
    text-align: center;
}

.elvera-place-order,
#place_order {
    background-color: #81D8D0 !important;
    color: #000 !important;
    width: 100%;
    padding: 20px 40px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    border: none !important;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px !important;
    transition: all 0.3s ease;
}

.elvera-place-order:hover,
#place_order:hover {
    background-color: #FFF !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(129, 216, 208, 0.3);
}

.trust-micro-copy {
    color: #666;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.trust-micro-copy svg {
    opacity: 0.6;
}

.checkout-trust-badges {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(129, 216, 208, 0.2);
}
.checkout-trust-badges .trust-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: monospace;
    font-size: 10px;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.payment-methods {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 16px;
}
.payment-label {
    font-family: monospace;
    font-size: 10px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.payment-icons {
    display: flex;
    gap: 8px;
}
.payment-icon {
    font-family: monospace;
    font-size: 9px;
    color: #888;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    padding: 3px 8px;
    border-radius: 2px;
    letter-spacing: 0.5px;
}

@media (max-width: 768px) {
    .checkout-trust-badges {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
}

/* Return to Shop */
.checkout-buttons-row {
    margin-top: 20px;
}

.button.return-to-cart,
.button.return-to-shop {
    background: transparent !important;
    color: #888 !important;
    border: 1px solid #333 !important;
    padding: 12px 25px !important;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.button.return-to-cart:hover,
.button.return-to-shop:hover {
    border-color: #81D8D0 !important;
    color: #81D8D0 !important;
}

/* ========================================
   7. RIGHT COLUMN: ORDER SUMMARY SIDEBAR
   ======================================== */
.col-right-sidebar {
    position: relative;
}

.checkout-sidebar {
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #222;
    border-radius: 4px;
    padding: 25px;
    position: sticky;
    top: 20px;
}

.sidebar-title {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #888;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.edit-cart-link {
    font-size: 10px;
    color: #81D8D0;
    text-decoration: none;
    border: 1px solid #81D8D0;
    padding: 3px 8px;
    border-radius: 2px;
}

.edit-cart-link:hover {
    background: #81D8D0;
    color: #000;
}

/* Hide Payment from Sidebar (Duplicate) */
.checkout-sidebar #payment {
    display: none !important;
}

/* Coupon Form */
.woocommerce-form-coupon-toggle .woocommerce-info {
    background: transparent !important;
    border: 1px dashed #333 !important;
    padding: 10px 15px !important;
    font-size: 12px;
    color: #888 !important;
    margin-bottom: 20px;
}

.woocommerce-form-coupon-toggle a {
    color: #81D8D0 !important;
}

.checkout_coupon {
    background: #0F0F0F;
    padding: 15px;
    margin-bottom: 20px;
}

.checkout_coupon input {
    width: 70% !important;
}

.checkout_coupon button {
    width: 28%;
}

/* ========================================
   8. COUPON TIMER & TOGGLE (Collapsible)
   ======================================== */
.coupon-timer-wrapper { margin: 0 0 12px; }
.coupon-timer {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: rgba(129, 216, 208, 0.06);
    border: 1px solid rgba(129, 216, 208, 0.15);
    border-radius: 4px;
    font-size: 11px;
    color: #888;
}
.coupon-timer-countdown {
    font-family: monospace;
    font-size: 14px;
    font-weight: bold;
    color: #81D8D0;
    letter-spacing: 1px;
}
.coupon-toggle-wrapper { margin: 16px 0; }
.coupon-toggle-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: 1px dashed rgba(129, 216, 208, 0.3);
    color: #888;
    font-size: 12px;
    padding: 10px 16px;
    cursor: pointer;
    border-radius: 4px;
    width: 100%;
    text-align: left;
    transition: all 0.2s;
}
.coupon-toggle-btn:hover {
    border-color: #81D8D0;
    color: #81D8D0;
}
.coupon-form-wrapper {
    margin-top: 8px;
    animation: couponSlideDown 0.3s ease;
}
@keyframes couponSlideDown {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}
.coupon-input-row {
    display: flex;
    gap: 8px;
}
.coupon-input-row input {
    flex: 1;
    padding: 10px 14px;
    background: #111;
    border: 1px solid #333;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
}
.coupon-input-row input:focus {
    outline: none;
    border-color: #81D8D0;
}
.coupon-input-row button {
    padding: 10px 20px;
    background: #81D8D0;
    color: #000;
    border: none;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    border-radius: 4px;
    white-space: nowrap;
}
.coupon-message {
    margin-top: 8px;
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 4px;
}
.coupon-message.success {
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.3);
    color: #4ade80;
}
.coupon-message.error {
    background: rgba(255, 107, 107, 0.1);
    border: 1px solid rgba(255, 107, 107, 0.3);
    color: #FF6B6B;
}

/* ========================================
   9. CHECKOUT STEPS INDICATOR
   ======================================== */
.checkout-steps {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin-bottom: 24px;
    padding: 12px 0;
}
.checkout-step {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.checkout-step.active { color: #81D8D0; }
.step-num {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
}
.checkout-step.active .step-num {
    background: #81D8D0;
    color: #000;
    border-color: #81D8D0;
}

/* ========================================
   10. HIDE MARKETING CHECKBOX
   ======================================== */
.woocommerce-checkout .marketing-optin {
    display: none !important;
}

/* ========================================
   8. PRODUCT LIST IN SIDEBAR (Grid Layout)
   ======================================== */
.order-summary-card {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.woocommerce-checkout table.shop_table {
    border: none !important;
    border-collapse: collapse;
}

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
    background: transparent !important;
    border-bottom: 1px solid #EEF4F7 !important;
    padding: 15px 0 !important;
    color: #CCC;
    font-size: 13px;
    vertical-align: middle;
}

/* Product Item Row (Grid Layout) */
.product-item-row {
    display: grid !important;
    grid-template-columns: 50px 1fr !important;
    gap: 12px !important;
    align-items: center !important;
}

.product-thumbnail {
    flex-shrink: 0;
    width: 50px !important;
    height: 50px !important;
    background: #111;
    border: 1px solid #333;
    border-radius: 4px;
    overflow: hidden;
}

.product-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.product-details {
    overflow: hidden;
}

.product-details .product-quantity {
    color: #888 !important;
    font-size: 12px !important;
    display: block !important;
}

.product-total {
    text-align: right !important;
    color: #81D8D0 !important;
    /* Gold Prices */
    font-weight: 600;
}

/* Totals */
.order-total .amount {
    color: #81D8D0 !important;
    font-size: 24px !important;
    font-family: 'Bodoni Moda', serif;
}

/* ========================================
   9. HIDE UNNECESSARY ELEMENTS
   ======================================== */
.widget-area,
#secondary {
    display: none !important;
}

.elvera-big-signature {
    display: none !important;
}

/* ========================================
   10. RESPONSIVE (Mobile/Tablet)
   ======================================== */
@media (max-width: 1100px) {
    .elvera-checkout-grid {
        grid-template-columns: 1fr !important;
        gap: 30px;
    }

    .woocommerce-checkout .site-content {
        padding-top: 100px !important;
    }

    .elvera-checkout-page {
        padding-top: 0 !important;
    }

    .checkout-sidebar {
        position: relative;
        top: 0;
    }

    .woocommerce-billing-fields__field-wrapper,
    .woocommerce-shipping-fields__field-wrapper {
        grid-template-columns: 1fr;
    }

    /* Order Summary Accordion Toggle (Mobile) */
    .col-right-sidebar {
        order: -1;
        /* Move sidebar to top on mobile */
    }

    .checkout-sidebar {
        border: 1px solid #333;
    }
}

@media (max-width: 600px) {
    .card-title {
        font-size: 22px;
    }

    .elvera-place-order,
    #place_order {
        padding: 16px 20px !important;
        font-size: 14px !important;
        letter-spacing: 2px;
    }
}

/* ========================================
   11. FREE SHIPPING STYLING
   ======================================== */
.woocommerce-shipping-methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-shipping-methods li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.woocommerce-shipping-methods label,
.cart-subtotal td,
.order-total td,
.shipping td {
    text-align: right !important;
}

.shipping td {
    color: #4CAF50 !important;
    /* Green for Free Shipping */
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Free Shipping Badge */
.shipping .woocommerce-Price-amount,
.shipping td::before {
    content: "";
}

/* ========================================
   12. INLINE VALIDATION ERRORS
   ======================================== */
/* Error styling for invalid fields */
.woocommerce-checkout .form-row.woocommerce-invalid input,
.woocommerce-checkout .form-row.woocommerce-invalid textarea,
.woocommerce-checkout .form-row.woocommerce-invalid .select2-selection {
    border-color: #ff4444 !important;
    border-left-color: #ff4444 !important;
    background-color: rgba(255, 68, 68, 0.08) !important;
}

/* Inline error messages */
.woocommerce-checkout .form-row .woocommerce-error,
.woocommerce-checkout .form-row .required-error {
    color: #ff6b6b;
    font-size: 11px;
    margin-top: 5px;
    display: block;
}

/* Global error notice at top */
.woocommerce-NoticeGroup,
.woocommerce-error {
    background: rgba(255, 68, 68, 0.1) !important;
    border: 1px solid #ff4444 !important;
    border-left: 3px solid #ff4444 !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
    border-radius: 4px !important;
    color: #ff6b6b !important;
    list-style: none !important;
}

.woocommerce-error li {
    color: #ff6b6b !important;
    font-size: 13px;
    margin-bottom: 5px;
}

.woocommerce-error li:last-child {
    margin-bottom: 0;
}

/* Valid field styling */
.woocommerce-checkout .form-row.woocommerce-validated input,
.woocommerce-checkout .form-row.woocommerce-validated textarea {
    border-color: #4CAF50 !important;
    border-left-color: #4CAF50 !important;
}

/* ========================================
   13. THANK YOU / ORDER RECEIVED PAGE
   ======================================== */
body.woocommerce-order-received,
body.woocommerce-order-received.woocommerce-page {
    background-color: #F8FAFC !important;
    color: #F0F0F0 !important;
    font-family: 'Inter', sans-serif !important;
}

.woocommerce-order-received .site-content,
.woocommerce-order-received .entry-content {
    padding-top: 20px !important;
    padding-bottom: 40px;
    max-width: 600px;
    margin: 0 auto;
    width: 92%;
}

/* Thank You Header - Minimal */
.woocommerce-order-received .woocommerce-thankyou-order-received {
    font-family: 'Bodoni Moda', serif;
    font-size: 22px;
    color: #81D8D0;
    text-align: center;
    margin-bottom: 15px;
    padding: 12px 20px;
    border: 1px solid #333;
    border-radius: 4px;
    background: transparent;
}

/* Order Overview Box */
.woocommerce-order-received .woocommerce-order-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #222;
    border-radius: 4px;
    padding: 15px !important;
}

.woocommerce-order-received .woocommerce-order-overview li {
    text-align: center;
    padding: 10px;
    border-right: 1px solid #222;
}

.woocommerce-order-received .woocommerce-order-overview li:last-child {
    border-right: none;
}

.woocommerce-order-received .woocommerce-order-overview li strong {
    display: block;
    font-size: 18px;
    color: #81D8D0;
    margin-top: 8px;
}

/* Section Titles */
.woocommerce-order-received h2,
.woocommerce-order-received .woocommerce-column__title {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #888;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #222;
}

/* HIDE Default Order Details Table - Replaced by custom Order Items component */
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received section.woocommerce-order-details {
    display: none !important;
}

/* Order Details Table - HIDDEN (keeping styles in case needed) */
.woocommerce-order-received table.shop_table {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #222;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 15px;
}

.woocommerce-order-received table.shop_table th,
.woocommerce-order-received table.shop_table td {
    padding: 10px 15px !important;
    border-bottom: 1px solid #222 !important;
    text-align: left;
    color: #CCC;
    font-size: 14px;
}

.woocommerce-order-received table.shop_table thead th {
    background: rgba(255, 255, 255, 0.03);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    color: #888;
}

.woocommerce-order-received table.shop_table tfoot th {
    text-align: right;
}

.woocommerce-order-received table.shop_table .order-total .amount {
    color: #81D8D0 !important;
    font-size: 20px;
    font-family: 'Bodoni Moda', serif;
}

/* Customer Details Columns */
.woocommerce-order-received .woocommerce-customer-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 15px;
    order: 99; /* Push billing/shipping to the end */
}

/* Reorder Thank You Page sections using flexbox */
.woocommerce-order-received .entry-content .woocommerce,
.woocommerce-order-received .woocommerce-order {
    display: flex;
    flex-direction: column;
}

/* Section ordering */
.woocommerce-order-received .woocommerce-thankyou-order-received { order: 1; }
.woocommerce-order-received .woocommerce-order-overview { order: 2; }
.woocommerce-order-received .payment-status-alert { order: 3; }
.woocommerce-order-received .payment-terminal-v2 { order: 4; }
.woocommerce-order-received .order-confirmed-box { order: 5; }
.woocommerce-order-received .custom-order-items { order: 6; }
.woocommerce-order-received .debrief-form-section { order: 7; }
.woocommerce-order-received .woocommerce-customer-details { order: 8; }
.woocommerce-order-received .wa-chat-bubble { order: 99; }

/* Kill Switch for stray payment instructions at top */
.woocommerce-order-received .woocommerce-order > p:not([class]),
.woocommerce-order-received .woocommerce > p:first-of-type:not(.woocommerce-thankyou-order-received),
.woocommerce-order-received .woocommerce > p:first-child:not(.woocommerce-thankyou-order-received),
.woocommerce-order-received .woocommerce-info:not(.woocommerce-thankyou-order-received) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-order-received .woocommerce-column {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #222;
    border-radius: 4px;
    padding: 15px;
}

.woocommerce-order-received address {
    font-style: normal;
    color: #CCC;
    line-height: 1.8;
}

/* Continue Shopping Button */
.woocommerce-order-received .woocommerce a.button,
.woocommerce-order-received .return-to-shop a {
    display: inline-block;
    background-color: #81D8D0 !important;
    color: #000 !important;
    padding: 15px 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    border-radius: 4px;
    margin-top: 20px;
    transition: all 0.3s ease;
}

.woocommerce-order-received .woocommerce a.button:hover {
    background-color: #FFF !important;
    transform: translateY(-2px);
}

/* Hide sidebar on thank you page */
.woocommerce-order-received .widget-area,
.woocommerce-order-received #secondary {
    display: none !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .woocommerce-order-received .woocommerce-order-overview {
        grid-template-columns: 1fr 1fr;
    }

    .woocommerce-order-received .woocommerce-order-overview li {
        border-right: none;
        border-bottom: 1px solid #222;
    }

    .woocommerce-order-received .woocommerce-customer-details {
        grid-template-columns: 1fr;
    }
}

/* ========================================
   14. ERROR NOTICES CONTAINER (Inside Form)
   ======================================== */
.checkout-notices-container {
    margin-bottom: 20px;
}

.checkout-notices-container:empty {
    display: none;
}

/* Global notices stay contained */
.elvera-checkout-page .woocommerce-NoticeGroup,
.elvera-checkout-page .woocommerce-error,
.elvera-checkout-page .woocommerce-message {
    max-width: 100%;
    margin: 0 0 20px 0;
}

/* ========================================
   15. ENHANCED THANK YOU PAGE (Custom Template)
   ======================================== */
.elvera-thankyou-page {
    padding-top: 140px;
    padding-bottom: 80px;
    max-width: 900px;
    margin: 0 auto;
    width: 90%;
}

/* Success Header */
.thankyou-success-header {
    text-align: center;
    margin-bottom: 50px;
    padding: 40px;
    background: linear-gradient(135deg, rgba(129, 216, 208, 0.1) 0%, rgba(129, 216, 208, 0.02) 100%);
    border: 1px solid rgba(129, 216, 208, 0.3);
    border-radius: 8px;
}

.success-icon {
    margin-bottom: 20px;
}

.thankyou-title {
    font-family: 'Bodoni Moda', serif;
    font-size: 36px;
    color: #81D8D0;
    margin: 0 0 10px 0;
}

.thankyou-subtitle {
    font-size: 16px;
    color: #888;
    margin: 0;
}

/* Order Overview Grid */
.order-overview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
    margin-bottom: 40px;
}

.overview-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #222;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
}

.overview-label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666;
    margin-bottom: 8px;
}

.overview-value {
    display: block;
    font-size: 16px;
    color: #81D8D0;
    font-weight: 600;
    word-break: break-word;
}

.overview-value.total-amount {
    font-family: 'Bodoni Moda', serif;
    font-size: 22px;
}

/* Order Items Section */
.order-items-section {
    margin-bottom: 40px;
}

.section-heading {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #888;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #222;
}

.order-items-list {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #222;
    border-radius: 6px;
    overflow: hidden;
}

.order-item-row {
    display: grid;
    grid-template-columns: 80px 1fr auto;
    gap: 20px;
    padding: 20px;
    border-bottom: 1px solid #222;
    align-items: center;
}

.order-item-row:last-child {
    border-bottom: none;
}

.item-image {
    width: 80px;
    height: 80px;
    background: #111;
    border: 1px solid #333;
    border-radius: 6px;
    overflow: hidden;
}

.item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-image .no-image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.item-details {
    overflow: hidden;
}

.item-name {
    font-size: 16px;
    color: #FFF;
    margin: 0 0 5px 0;
    font-weight: 500;
}

.item-quantity {
    font-size: 13px;
    color: #888;
}

.item-price {
    font-size: 16px;
    color: #81D8D0;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

/* Order Totals Box */
.order-totals-box {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid #222;
    border-radius: 6px;
    padding: 20px;
    margin-top: 20px;
}

.total-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #EEF4F7;
}

.total-row:last-child {
    border-bottom: none;
    padding-top: 15px;
    margin-top: 10px;
    border-top: 2px solid #81D8D0;
}

.total-label {
    color: #888;
    font-size: 14px;
}

.total-value {
    color: #FFF;
    font-size: 14px;
}

.total-row:last-child .total-value {
    font-family: 'Bodoni Moda', serif;
    font-size: 24px;
    color: #81D8D0;
}

/* Customer Details Grid */
.customer-details-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 40px;
}

.address-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #222;
    border-radius: 6px;
    padding: 25px;
}

.address-card h3 {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888;
    margin: 0 0 15px 0;
}

.address-card address {
    font-style: normal;
    color: #CCC;
    line-height: 1.8;
}

.address-card .phone,
.address-card .email {
    color: #81D8D0;
    margin: 5px 0 0 0;
}

/* Continue Shopping Button */
.continue-shopping-section {
    text-align: center;
    margin-top: 40px;
}

.continue-shopping-btn {
    display: inline-block;
    background-color: #81D8D0;
    color: #000;
    padding: 18px 40px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.continue-shopping-btn:hover {
    background-color: #FFF;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(129, 216, 208, 0.3);
}

/* Failed Order Box */
.thankyou-failed-box {
    text-align: center;
    padding: 40px;
    background: rgba(255, 68, 68, 0.1);
    border: 1px solid #ff4444;
    border-radius: 8px;
    margin-bottom: 30px;
}

.thankyou-failed-box h2 {
    color: #ff6b6b;
    margin-bottom: 15px;
}

/* Empty Order Box */
.thankyou-empty-box {
    text-align: center;
    padding: 60px 40px;
}

.thankyou-empty-box h2 {
    color: #81D8D0;
    margin-bottom: 15px;
}

/* Mobile Responsive for Thank You */
@media (max-width: 768px) {
    .thankyou-title {
        font-size: 26px;
    }

    .order-overview-grid {
        grid-template-columns: 1fr 1fr;
    }

    .order-item-row {
        grid-template-columns: 60px 1fr;
        gap: 15px;
    }

    .item-price {
        grid-column: 1 / -1;
        text-align: left;
        margin-top: -5px;
    }

    .customer-details-grid {
        grid-template-columns: 1fr;
    }
}

/* ========================================
   16. CART PAGE STYLING
   ======================================== */
body.woocommerce-cart,
body.woocommerce-cart.woocommerce-page {
    background-color: #F8FAFC !important;
    color: #F0F0F0 !important;
    font-family: 'Inter', sans-serif !important;
}

.elvera-cart-page {
    padding-top: 140px;
    padding-bottom: 80px;
    max-width: 1100px;
    margin: 0 auto;
    width: 90%;
}

/* Cart Header */
.cart-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #222;
}

.cart-title {
    font-family: 'Bodoni Moda', serif;
    font-size: 28px;
    color: #FFF;
    font-weight: 400;
    margin: 0;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.back-to-checkout-btn {
    background-color: #81D8D0;
    color: #000;
    padding: 12px 25px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 12px;
    transition: all 0.3s ease;
}

.back-to-checkout-btn:hover {
    background-color: #FFF;
    transform: translateY(-2px);
}

/* Empty Cart */
.cart-empty-box {
    text-align: center;
    padding: 80px 40px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #222;
    border-radius: 8px;
}

.cart-empty-box .empty-icon {
    font-size: 60px;
    margin-bottom: 20px;
}

.cart-empty-box h2 {
    font-family: 'Bodoni Moda', serif;
    color: #81D8D0;
    font-size: 28px;
    margin-bottom: 10px;
}

.cart-empty-box p {
    color: #888;
    margin-bottom: 30px;
}

/* Cart Items List */
.cart-items-list {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #222;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
}

.cart-item-row {
    display: grid;
    grid-template-columns: 80px 1fr 120px 100px 40px;
    gap: 20px;
    padding: 20px;
    border-bottom: 1px solid #222;
    align-items: center;
}

.cart-item-row:last-child {
    border-bottom: none;
}

.item-image {
    width: 80px;
    height: 80px;
    background: #111;
    border: 1px solid #333;
    border-radius: 6px;
    overflow: hidden;
}

.item-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.item-details {
    overflow: hidden;
}

.item-name {
    font-size: 16px;
    color: #FFF;
    margin: 0 0 5px 0;
    font-weight: 500;
}

.item-name a {
    color: #FFF;
    text-decoration: none;
}

.item-name a:hover {
    color: #81D8D0;
}

.item-meta {
    color: #888;
    font-size: 13px;
}

.item-price-single {
    color: #888;
    font-size: 12px;
    margin-top: 5px;
}

/* Quantity Input */
.item-quantity .quantity {
    display: flex;
    align-items: center;
    gap: 5px;
}

.item-quantity input[type="number"] {
    width: 60px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid #333 !important;
    border-radius: 4px !important;
    color: #FFF !important;
    text-align: center !important;
    font-size: 14px !important;
}

.item-quantity input[type="number"]:focus {
    border-color: #81D8D0 !important;
}

/* Subtotal */
.item-subtotal {
    font-size: 16px;
    color: #81D8D0;
    font-weight: 600;
    text-align: right;
}

/* Remove Button */
.item-remove .remove-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(255, 68, 68, 0.1);
    border: 1px solid rgba(255, 68, 68, 0.3);
    border-radius: 4px;
    color: #ff6b6b;
    font-size: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.item-remove .remove-item:hover {
    background: #ff4444;
    color: #FFF;
    border-color: #ff4444;
}

/* Cart Actions Row */
.cart-actions-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}

.coupon-section {
    display: flex;
    gap: 10px;
}

.coupon-input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid #333 !important;
    border-radius: 4px !important;
    color: #FFF !important;
    padding: 12px 15px !important;
    width: 200px !important;
}

.coupon-input:focus {
    border-color: #81D8D0 !important;
}

.coupon-btn,
.update-cart-btn {
    background: transparent !important;
    border: 1px solid #81D8D0 !important;
    color: #81D8D0 !important;
    padding: 12px 20px !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.coupon-btn:hover,
.update-cart-btn:hover {
    background: #81D8D0 !important;
    color: #000 !important;
}

/* Cart Totals Section */
.cart-totals-section {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    align-items: start;
}

.cart-totals-box {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #222;
    border-radius: 8px;
    padding: 25px;
    grid-column: 2;
}

.totals-title {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #888;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #222;
}

.totals-row {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #EEF4F7;
}

.totals-row:last-child {
    border-bottom: none;
    padding-top: 15px;
    margin-top: 10px;
    border-top: 2px solid #81D8D0;
}

.totals-row .label {
    color: #888;
    font-size: 14px;
}

.totals-row .value {
    color: #FFF;
    font-size: 14px;
}

.totals-row.order-total .value {
    font-family: 'Bodoni Moda', serif;
    font-size: 24px;
    color: #81D8D0;
}

/* Proceed Buttons */
.proceed-buttons {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
}

.proceed-checkout-btn {
    display: block;
    background-color: #81D8D0;
    color: #000;
    padding: 18px 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
    transition: all 0.3s ease;
}

.proceed-checkout-btn:hover {
    background-color: #FFF;
    transform: translateY(-2px);
}

.continue-shopping-link,
.continue-shopping-btn {
    display: block;
    background: transparent;
    border: 1px solid #333;
    color: #888;
    padding: 12px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    transition: all 0.3s ease;
}

.continue-shopping-link:hover,
.continue-shopping-btn:hover {
    border-color: #81D8D0;
    color: #81D8D0;
}

/* Shipping in Cart */
.woocommerce-cart .woocommerce-shipping-methods {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-cart .woocommerce-shipping-methods li {
    padding: 5px 0;
}

.woocommerce-cart .woocommerce-shipping-methods label {
    color: #CCC;
    font-size: 13px;
}

/* Hide default WC sidebar on cart */
.woocommerce-cart .widget-area,
.woocommerce-cart #secondary {
    display: none !important;
}

/* ========================================
   TIFFANY LIGHT OVERRIDES (ACCOUNT/CART/CHECKOUT)
   ======================================== */
body.woocommerce-checkout,
body.woocommerce-cart,
body.woocommerce-account {
    background: #F8FAFC !important;
    color: #0F172A !important;
}

.woocommerce-checkout .form-row label,
.woocommerce-cart .totals-row .label,
.woocommerce-cart .item-meta,
.woocommerce-cart .item-price-single,
.woocommerce-cart .continue-shopping-link,
.woocommerce-cart .continue-shopping-btn,
.woocommerce-checkout .trust-micro-copy,
.woocommerce-checkout .checkout-trust-badges .trust-badge,
.woocommerce-checkout .payment-section-wrapper .section-title {
    color: #64748B !important;
}

.woocommerce-checkout .card-title,
.woocommerce-cart .cart-title,
.woocommerce-cart .item-name,
.woocommerce-cart .item-name a,
.woocommerce-cart .totals-row .value,
.woocommerce-checkout .payment-section-wrapper .payment_methods label {
    color: #0F172A !important;
}

.woocommerce-checkout .payment-section-wrapper,
.woocommerce-cart .cart-empty-box,
.woocommerce-cart .cart-items-list,
.woocommerce-cart .cart-totals-box,
.woocommerce-cart .coupon-input,
.woocommerce-cart .item-quantity input[type="number"],
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.woocommerce-checkout .select2-container--default .select2-selection--single,
.woocommerce-checkout .select2-dropdown,
.woocommerce-checkout .select2-results__options,
.woocommerce-checkout .select2-results__option {
    background: #FFFFFF !important;
    color: #0F172A !important;
    border-color: #D6E2EA !important;
}

.woocommerce-cart .cart-header-row,
.woocommerce-cart .cart-item-row,
.woocommerce-cart .totals-title,
.woocommerce-cart .totals-row,
.woocommerce-checkout .card-header-row,
.woocommerce-checkout .payment-section-wrapper .section-title,
.woocommerce-checkout .payment-section-wrapper .payment_methods li {
    border-color: #D6E2EA !important;
}

.woocommerce-cart .coupon-btn:hover,
.woocommerce-cart .update-cart-btn:hover,
.woocommerce-cart .proceed-checkout-btn,
.woocommerce-checkout #place_order,
.woocommerce-checkout .elvera-place-order,
.woocommerce-cart .back-to-checkout-btn {
    color: #0F172A !important;
}

/* Mobile Responsive */
@media (max-width: 900px) {
    .cart-header-row {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .cart-item-row {
        grid-template-columns: 60px 1fr;
        gap: 15px;
    }

    .item-quantity,
    .item-subtotal,
    .item-remove {
        grid-column: 2;
    }

    .cart-actions-row {
        flex-direction: column;
    }

    .coupon-section {
        width: 100%;
    }

    .coupon-input {
        flex: 1;
        width: 100% !important;
    }

    .cart-totals-section {
        grid-template-columns: 1fr;
    }

    .cart-totals-box,
    .proceed-buttons {
        grid-column: 1;
    }
}

/* ========================================
   17. THANK YOU PAGE V2.0 - COMPLETE REDESIGN
   ======================================== */

/* V2 Container - Reduced Top Padding */
.elvera-thankyou-v2 {
    padding-top: 100px !important;
    padding-bottom: 60px;
}

/* --- 1. PAYMENT STATUS ALERTS --- */
.payment-alert {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 25px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.payment-alert--pending {
    background: linear-gradient(135deg, rgba(129, 216, 208, 0.15) 0%, rgba(129, 216, 208, 0.05) 100%);
    border: 1px solid rgba(129, 216, 208, 0.5);
    border-left: 4px solid #81D8D0;
}

.payment-alert--confirmed {
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.15) 0%, rgba(76, 175, 80, 0.05) 100%);
    border: 1px solid rgba(76, 175, 80, 0.5);
    border-left: 4px solid #4CAF50;
}

.payment-alert__icon {
    font-size: 28px;
    line-height: 1;
}

.payment-alert--pending .payment-alert__icon {
    color: #81D8D0;
}

.payment-alert--confirmed .payment-alert__icon {
    color: #4CAF50;
}

.payment-alert__content {
    flex: 1;
}

.payment-alert__title {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 4px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.payment-alert--pending .payment-alert__title {
    color: #81D8D0;
}

.payment-alert--confirmed .payment-alert__title {
    color: #4CAF50;
}

.payment-alert__text {
    font-size: 14px;
    color: #AAA;
    margin: 0;
}

/* --- 2. COMPACT ORDER OVERVIEW --- */
.order-overview-grid--compact {
    gap: 10px;
    margin-bottom: 20px;
}

.order-overview-grid--compact .overview-card {
    padding: 15px;
}

.order-overview-grid--compact .overview-label {
    font-size: 10px;
    margin-bottom: 5px;
}

.order-overview-grid--compact .overview-value {
    font-size: 14px;
}

.order-overview-grid--compact .overview-value.total-amount {
    font-size: 18px;
}

/* --- 3. ENHANCED PAYMENT TERMINAL (BACS) --- */
.payment-terminal--enhanced {
    background: #0A0A0A;
    border: 2px solid #81D8D0;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
}

.payment-terminal__header {
    background: linear-gradient(135deg, #81D8D0 0%, #69C9C1 100%);
    padding: 10px 20px;
}

.payment-terminal__badge {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
}

.payment-terminal__body {
    padding: 25px;
    text-align: center;
}

.payment-terminal__instruction {
    color: #AAA;
    font-size: 14px;
    margin: 0 0 15px 0;
}

.payment-terminal__account {
    background: rgba(129, 216, 208, 0.1);
    border: 1px dashed rgba(129, 216, 208, 0.4);
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.payment-terminal__bank {
    font-size: 12px;
    color: #888;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.payment-terminal__number {
    font-family: 'Courier New', monospace;
    font-size: 18px;
    font-weight: 700;
    color: #81D8D0;
    letter-spacing: 2px;
}

.payment-terminal__copy {
    background: #222;
    border: 1px solid #444;
    color: #FFF;
    font-size: 10px;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.payment-terminal__copy:hover {
    background: #81D8D0;
    color: #000;
    border-color: #81D8D0;
}

.payment-terminal__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: #FFF !important;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 16px 30px;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
}

.payment-terminal__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4);
}

.payment-terminal__note {
    font-size: 12px;
    color: #666;
    margin: 15px 0 0 0;
}

/* --- 4. COMPACT ORDER ITEMS --- */
.order-items-section--compact {
    margin-bottom: 20px;
}

.order-items-section--compact .section-heading {
    margin-bottom: 12px;
    padding-bottom: 8px;
}

.order-item-row--compact {
    padding: 12px 15px;
    gap: 12px;
}

.item-image--small {
    width: 60px;
    height: 60px;
}

.item-image--small img {
    width: 60px !important;
    height: 60px !important;
}

.order-totals-box--compact {
    padding: 15px;
    margin-top: 12px;
}

.order-totals-box--compact .total-row {
    padding: 8px 0;
}

/* --- 5. COMPACT THANK YOU MESSAGE --- */
.thankyou-message-compact {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: rgba(76, 175, 80, 0.08);
    border: 1px solid rgba(76, 175, 80, 0.3);
    border-radius: 8px;
    margin-bottom: 20px;
}

.thankyou-message__icon {
    flex-shrink: 0;
}

.thankyou-message__text h3 {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #FFF;
    margin: 0 0 4px 0;
}

.thankyou-message__text p {
    font-size: 13px;
    color: #888;
    margin: 0;
}

.thankyou-message__text strong {
    color: #81D8D0;
}

/* --- 6. COMPACT CUSTOMER DETAILS --- */
.customer-details-compact {
    margin-bottom: 20px;
}

.address-card--compact {
    padding: 15px;
}

.address-card--compact h3 {
    font-size: 11px;
    margin: 0 0 10px 0;
}

.address-card--compact address {
    font-size: 13px;
    line-height: 1.6;
}

/* --- 7. COMPACT CONTINUE SHOPPING --- */
.continue-shopping-section--compact {
    margin-top: 25px;
}

/* --- 8. MOBILE RESPONSIVE V2 --- */
@media (max-width: 768px) {
    .elvera-thankyou-v2 {
        padding-top: 80px !important;
    }

    .payment-alert {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }

    .payment-terminal__account {
        flex-direction: column;
    }

    .payment-terminal__cta {
        width: 100%;
        padding: 14px 20px;
        font-size: 13px;
    }

    .thankyou-message-compact {
        flex-direction: column;
        text-align: center;
    }

    .order-item-row--compact {
        grid-template-columns: 50px 1fr;
    }

    .item-image--small {
        width: 50px;
        height: 50px;
    }

    .item-image--small img {
        width: 50px !important;
        height: 50px !important;
    }

    .item-price {
        grid-column: 1 / -1;
        text-align: left;
        margin-top: 5px;
    }
}

/* VINORA checkout recovery */
body.woocommerce-checkout,
body.woocommerce-order-received {
    background: #F7FBFD !important;
    color: #0F172A !important;
}

.woocommerce-checkout label,
.woocommerce-checkout p,
.woocommerce-checkout span,
.woocommerce-checkout td,
.woocommerce-checkout th,
.woocommerce-checkout .card-title,
.woocommerce-checkout .card-subtitle,
.woocommerce-checkout .form-row label,
.woocommerce-checkout .select2-selection__rendered,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-order-received p,
.woocommerce-order-received span,
.woocommerce-order-received td,
.woocommerce-order-received th {
    color: #0F172A !important;
}

.woocommerce-checkout .checkout-aside,
.woocommerce-checkout .checkout-main,
.woocommerce-order-received .order-confirmed-box,
.woocommerce-order-received .payment-terminal-v2,
.woocommerce-order-received .payment-status-alert {
    background: #FFFFFF !important;
    border-color: #D6E4EA !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06) !important;
}

.woocommerce-checkout .site-content {
    padding-top: 96px !important;
}