/* SINGLE CART STRATEGY: Hide "View Cart" buttons in side cart and mini-cart */
/* Side Cart Plugin (XOO) View Cart Button */
.xoo-wsc-ft-btn-cart,
.xoo-wsc-cart-btn {
    display: none !important;
}

/* Standard WooCommerce Mini Cart "View Cart" Button */
.widget_shopping_cart_content .buttons .wc-forward:not(.checkout) {
    display: none !important;
}

/* Ensure Checkout button is fully visible */
.xoo-wsc-ft-btn-checkout,
.widget_shopping_cart_content .buttons .checkout {
    display: block !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

/* General suppression of links to /cart/ inside the cart sidebar */
.xoo-wsc-container a[href*="/cart/"] {
    display: none !important;
}

/* =========================================
   CHECKOUT PAGE - DARK MODE (BLACK BG / WHITE TEXT)
   ========================================= */

/* 1. Global Checkout Container & Background */
.woocommerce-checkout,
.woocommerce-order-received,
.woocommerce-account.view-order {
    background-color: #000 !important;
    color: #fff !important;
    font-family: 'Inter', sans-serif !important;
}

.woocommerce-checkout .woocommerce {
    background-color: transparent !important;
}

/* 2. FORCE BLACK BACKGROUND ON ALL STEPS AND CONTAINERS */
.woocommerce-checkout .col2-set,
.woocommerce-checkout #order_review,
.woocommerce-checkout table.shop_table,
.woocommerce-order-received table.shop_table,
.woocommerce-account.view-order table.shop_table,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-order-received .woocommerce-table--order-details,
.woocommerce-order-received .woocommerce-customer-details,
.woocommerce-checkout .wpmc-step-item,
.woocommerce-checkout .wpmc-step-content,
.woocommerce-checkout .fc-step__content,
.woocommerce-checkout .fc-wrapper,
.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
}

.wpmc-step-item.current,
.wpmc-step-item.active,
.wpmc-step-item:hover {
    background-color: #000 !important;
}

/* 3. Text & Headings */
.woocommerce-checkout h1,
.woocommerce-order-received h1,
.woocommerce-checkout h2,
.woocommerce-order-received h2,
.woocommerce-checkout h3,
.woocommerce-order-received h3,
.woocommerce-checkout h4,
.woocommerce-order-received h4,
.woocommerce-checkout h5,
.woocommerce-order-received h5,
.woocommerce-checkout h6,
.woocommerce-order-received h6,
.woocommerce-checkout label,
.woocommerce-order-received label,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout th,
.woocommerce-order-received th {
    color: #fff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

.woocommerce-checkout table.shop_table th {
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* 4. Input Fields (Dark Theme) */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    background-color: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #555 !important;
    padding: 12px 10px !important;
    font-family: 'Inter', sans-serif !important;
}

.woocommerce-checkout input::placeholder {
    color: #bbb !important;
}

/* 5. Order Review Table - Modern Minimalist (No Grid Lines & Symmetrical Padding) */
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .shop_table {
    border: none !important;
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important; /* REMOVE NEGATIVE MARGINS FOR SYMMETRY */
}

.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .fc-checkout-order-review__head {
    padding: 20px 20px 10px 20px !important; /* Match table left/right padding */
    margin: 0 !important;
}

.woocommerce-checkout .shop_table tr,
.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important; 
    border-top: none !important;
    border-bottom: none !important;
    padding: 15px 20px !important; /* Symmetrical 20px padding */
    text-align: left !important;
}

.woocommerce-checkout .shop_table tr.cart_item td.product-total {
    text-align: right !important; /* Ensure prices stay right-aligned */
}





.woocommerce-checkout table.shop_table strong {
    color: #fff !important;
}

/* 6. Payment Section */
#payment,
.woocommerce-checkout-payment,
.payment_methods {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}

.wc_payment_methods {
    border-bottom: 1px solid #333 !important;
}

#payment li.payment_method_cashfree label,
.payment_method_cashfree label,
#payment li.payment_method_razorpay label,
.payment_method_razorpay label,
.payment_methods label {
    color: #fff !important;
    font-family: 'Inter', sans-serif !important;
}

.payment_box,
.payment_method_description {
    background-color: #111 !important;
    color: #ddd !important;
    border: 1px solid #333 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
}

.payment_box p {
    color: #ddd !important;
}

/* 7. Step Wizard Headers */
.wpmc-tabs-wrapper,
.wpmc-step-item,
.wpmc-step-item .wpmc-step-number {
    background-color: #000 !important;
    color: #fff !important;
    font-family: 'Inter', sans-serif !important;
}

/* 8. Place Order Button */
#place_order {
    background-color: #fff !important;
    color: #000 !important;
    border: none !important;
    font-family: 'Anton', sans-serif !important;
    font-weight: normal !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 15px !important;
    transition: all 0.3s ease !important;
    font-size: 20px !important;
}

#place_order:hover {
    background-color: #ddd !important;
    color: #000 !important;
}

/* Fluid Checkout Step Buttons ("Proceed to...", "Save changes") */
.fc-step__next-step,
.fc-step__next-step button,
.woocommerce-checkout button[type="submit"]:not(#place_order),
.woocommerce-checkout .button {
    background-color: #fff !important;
    color: #000 !important;
    border: none !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

.fc-step__next-step:hover,
.fc-step__next-step button:hover,
.woocommerce-checkout button[type="submit"]:not(#place_order):hover,
.woocommerce-checkout .button:hover {
    background-color: #ddd !important;
    color: #000 !important;
}

/* Link Colors */
.woocommerce-checkout a {
    color: #fff !important;
    text-decoration: none !important;
}

/* Fix plugin wrapper backgrounds */
.woocommerce-checkout .elementor-widget-container,
.woocommerce-checkout .elementor-section {
    background-color: #000 !important;
}

.fc-step__substep,
.fc-checkout-step {
    background-color: #000 !important;
}

/* 9. CHECKOUT HEADER & NAVBAR POSITIONING */

/* Force Navbar to the ABSOLUTE TOP */
.woocommerce-checkout .navbar {
    position: relative !important;
    /* was absolute, but relative ensures flow if at top */
    top: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    display: flex !important;
    visibility: visible !important;
    background-color: #000 !important;
    margin-bottom: 20px !important;
    /* Space below header */
}

/* HIDE default text headers added by templates (e.g. "Bad Monk" plain text) */
.woocommerce-checkout h1.site-title,
.woocommerce-checkout .site-branding-text,
.woocommerce-checkout .entry-title,
.woocommerce-checkout .page-title {
    display: none !important;
}

/* Ensure logo inside navbar is visible */
.woocommerce-checkout .navbar .logo img {
    display: block !important;
    visibility: visible !important;
    height: 40px !important;
    width: auto !important;
    max-width: none !important;
}

/* 10. Order Received / Thank You Page Specifics */
.woocommerce-thankyou-order-received,
.woocommerce-notice.woocommerce-thankyou-order-received {
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-bottom: 40px !important;
    color: #fff !important;
}

.woocommerce-order-received .woocommerce-order-overview {
    list-style: none !important;
    padding: 20px !important;
    background: #111 !important;
    border: 1px solid #333 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin-bottom: 40px !important;
}

.woocommerce-order-received .woocommerce-order-overview li {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    color: #888 !important;
}

.woocommerce-order-received .woocommerce-order-overview li strong {
    display: block !important;
    color: #fff !important;
    font-size: 18px !important;
    margin-top: 5px !important;
}

.woocommerce-order-received .woocommerce-column__title,
.woocommerce-order-received h2,
.woocommerce-order-received section.woocommerce-order-details h2 {
    margin: 40px 0 20px !important;
    font-family: 'Anton', sans-serif !important;
    font-size: 28px !important;
    color: #fff !important;
}

.woocommerce-order-received address {
    border: 1px solid #333 !important;
    padding: 25px !important;
    background-color: #111 !important;
    color: #fff !important;
    font-style: normal !important;
    line-height: 1.8 !important;
    font-family: 'Inter', sans-serif !important;
}

.woocommerce-order-received .woocommerce-customer-details {
    margin-top: 50px !important;
}