/* Auto-split from woocommerce.css on 2026-07-16 for conditional per-page-type loading. */


/* 
--------------------------------------------------------------------------------
HIDE BILLING POSTCODE AT CHECKOUT
(PHP filter handles it server-side; CSS is a backup for WC AJAX country changes)
--------------------------------------------------------------------------------
*/
#billing_postcode_field,
#shipping_postcode_field {
    display: none !important;
}


/* 
--------------------------------------------------------------------------------
CART PAGE REFINEMENTS
--------------------------------------------------------------------------------
*/

.woocommerce-cart .v-wc-wrapper {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.woocommerce-cart .woocommerce {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    align-items: flex-start;
}

.woocommerce-cart-form {
    flex: 1;
    min-width: 320px;
}

.woocommerce-cart-form__contents {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 1.5rem;
}

.woocommerce-cart-form__contents thead {
    display: none;
    /* Hide headers for a cleaner look */
}

.woocommerce-cart-form__cart-item {
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    border-radius: 16px;
    transition: transform 0.3s ease;
}

.woocommerce-cart-form__cart-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
}

.woocommerce-cart-form__cart-item td {
    padding: 1.5rem !important;
    border: 1px solid #f1f5f9;
    border-width: 1px 0;
}

.woocommerce-cart-form__cart-item td:first-child {
    border-left: 1px solid #f1f5f9;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.woocommerce-cart-form__cart-item td:last-child {
    border-right: 1px solid #f1f5f9;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

/* Product Image */
.product-thumbnail img {
    width: 90px !important;
    height: 90px !important;
    object-fit: cover;
    border-radius: 12px;
}

/* Product Name & Meta */
.product-name a {
    font-weight: 700 !important;
    color: var(--v-color-black) !important;
    font-size: 1.1rem !important;
    text-decoration: none !important;
}

.product-name .variation {
    margin-top: 5px;
    font-size: 0.85rem;
    color: #64748b;
}

.product-name .variation dt {
    font-weight: 600;
    margin-right: 5px;
}

/* Price & Subtotal */
.product-price,
.product-subtotal {
    font-weight: 700 !important;
    color: var(--v-color-primary) !important;
}

/* Remove Button */
.product-remove a {
    color: #ef4444 !important;
    font-size: 1.5rem !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fef2f2;
}

.product-remove a:hover {
    background: #ef4444;
    color: #fff !important;
}

/* Coupon & Actions */
.actions {
    padding: 2rem 0 !important;
    background: transparent !important;
    border: none !important;
}

.coupon {
    display: flex !important;
    gap: 10px;
}

.coupon input {
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    padding: 0 1.5rem !important;
    height: 50px !important;
    min-width: 200px;
}

.coupon button,
.actions [name='update_cart'] {
    height: 50px !important;
    border-radius: 12px !important;
    padding: 0 2rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
}

.coupon button {
    background: var(--v-color-black) !important;
    color: #fff !important;
}

/* Totals Sidebar */
.cart-collaterals {
    flex: 0 0 400px;
    width: 100%;
}

.cart_totals {
    background: #fff;
    padding: 2.5rem;
    border-radius: 24px;
    border: 1px solid #f1f5f9;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    position: sticky;
    top: 140px;
}

.cart_totals h2 {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    margin-bottom: 2rem !important;
    color: var(--v-color-black);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.shop_table_responsive {
    width: 100%;
}

.cart-subtotal th,
.order-total th {
    text-align: left;
    color: #64748b;
    font-weight: 600;
}

.cart-subtotal td,
.order-total td {
    text-align: right;
    font-weight: 700;
}

.order-total td {
    font-size: 1.5rem !important;
    color: var(--v-color-primary) !important;
}

.wc-proceed-to-checkout {
    margin-top: 2rem;
}

.checkout-button {
    width: 100% !important;
    height: 65px !important;
    background: var(--v-color-primary) !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 8px 25px rgba(var(--v-color-primary-rgb), 0.3);
    transition: all 0.3s ease !important;
}

.checkout-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(var(--v-color-primary-rgb), 0.4);
}

@media (max-width: 992px) {
    .woocommerce-cart .woocommerce {
        flex-direction: column;
    }

    .cart-collaterals {
        flex: 1;
        position: static;
    }

    .woocommerce-cart-form__contents,
    .woocommerce-cart-form__contents tbody,
    .woocommerce-cart-form__cart-item,
    .woocommerce-cart-form__cart-item td {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    .woocommerce-cart-form__cart-item td {
        border: none !important;
        padding: 0.5rem 1.5rem !important;
    }

    .woocommerce-cart-form__cart-item td:first-child {
        padding-top: 2rem !important;
    }

    .woocommerce-cart-form__cart-item td:last-child {
        padding-bottom: 2rem !important;
        border-radius: 16px !important;
    }

    .product-thumbnail img {
        margin: 0 auto;
    }

    .coupon {
        flex-direction: column;
    }

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


/* Specific overrides for Cart Page Quantity */
.woocommerce-cart-form__contents .quantity {
    height: 45px !important;
    min-width: 120px !important;
    margin: 0 auto !important;
}

.woocommerce-cart-form__contents .v-qty-btn {
    width: 32px !important;
}

.woocommerce-cart-form__contents .qty {
    width: 40px !important;
    font-size: 1rem !important;
}

/* Empty Cart Styling */
.cart-empty {
    text-align: center;
    padding: 5rem 2rem;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}

.cart-empty::before {
    content: '??';
    display: block;
    font-size: 5rem;
    margin-bottom: 2rem;
}

.return-to-shop {
    margin-top: 2rem;
}

.return-to-shop .button {
    background: var(--v-color-primary) !important;
    color: #fff !important;
    padding: 1.25rem 3rem !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease !important;
}

.return-to-shop .button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(var(--v-color-primary-rgb), 0.3);
}

/* Fix for responsive table layout */
@media (max-width: 768px) {
    .woocommerce-cart .woocommerce {
        gap: 2rem;
    }

    .cart_totals {
        padding: 1.5rem;
    }

    .woocommerce-cart-form__cart-item td.product-thumbnail {
        border-top-left-radius: 16px !important;
        border-top-right-radius: 16px !important;
    }
}


/* Update Cart Button Styling */
.actions button[name='update_cart'] {
    background: #f1f5f9 !important;
    color: #64748b !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.3s ease !important;
}

.actions button[name='update_cart']:not(:disabled):hover {
    background: var(--v-color-black) !important;
    color: #fff !important;
    border-color: var(--v-color-black) !important;
}

.actions button[name='update_cart']:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}


/* Cart Page Header */
.woocommerce-cart .entry-title {
    text-align: center;
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    margin-bottom: 3rem !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--v-color-black);
}

.woocommerce-cart .entry-header {
    background: #f8fafc;
    padding: 4rem 0;
    margin-bottom: 4rem;
    border-bottom: 1px solid #e2e8f0;
}


/* 
--------------------------------------------------------------------------------
FIXES FOR CART PAGE
--------------------------------------------------------------------------------
*/

/* Layout - Hide cross-sells from the side and move them below if needed */
.woocommerce-cart .woocommerce {
    display: block !important;
    /* Stack them for better control */
}

.woocommerce-cart-form {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 3rem;
}

/* Redefine two-column for main content vs sidebar only */
@media (min-width: 992px) {
    .v-cart-main-content {
        display: flex;
        gap: 3rem;
        align-items: flex-start;
    }

    .woocommerce-cart-form {
        flex: 1;
    }

    .cart-collaterals {
        flex: 0 0 400px !important;
    }
}

/* Ensure cross-sells go below the form */
.cross-sells {
    width: 100% !important;
    margin-top: 4rem !important;
    clear: both;
}

/* Cart Item Styling Refinement */
.woocommerce-cart-form__contents {
    border-spacing: 0 10px !important;
}

.woocommerce-cart-form__cart-item td {
    border: none !important;
    vertical-align: middle !important;
    background: #fff;
}

/* Product Remove Button */
.product-remove {
    width: 50px;
    text-align: center;
}

.product-remove a.remove {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    background: #fff0f0 !important;
    color: #ff4d4d !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

.product-remove a.remove:hover {
    background: #ff4d4d !important;
    color: #fff !important;
}

/* Product Thumbnail */
.product-thumbnail {
    width: 120px;
}

.product-thumbnail img {
    border: 1px solid #f1f5f9;
}

/* Product Info */
.product-name {
    text-align: left !important;
}

.product-name a {
    display: block;
    margin-bottom: 8px;
}

/* Quantity Field in Cart */
.woocommerce-cart-form__cart-item .quantity {
    display: inline-flex !important;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    height: 40px !important;
    min-width: 100px !important;
    padding: 0 5px;
}

.woocommerce-cart-form__cart-item .quantity input.qty {
    width: 40px !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    font-weight: 600;
}

/* Totals Box Refinement */
.cart_totals {
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06) !important;
    padding: 2rem !important;
}

.cart_totals table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.cart_totals th,
.cart_totals td {
    padding: 15px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    text-align: left !important;
}

.cart_totals .order-total th,
.cart_totals .order-total td {
    border-bottom: none !important;
    padding-top: 25px !important;
}

.cart_totals td {
    text-align: right !important;
}

/* Shipping Methods in Totals */
#shipping_method {
    list-style: none !important;
    padding: 0 !important;
    margin: 10px 0 !important;
    text-align: left !important;
}

#shipping_method li {
    margin-bottom: 10px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px;
    font-size: 0.85rem;
}

#shipping_method input {
    margin-top: 3px !important;
}

.woocommerce-shipping-destination {
    font-size: 0.8rem;
    color: #64748b;
    margin-top: 10px;
    text-align: left;
}

.shipping-calculator-button {
    font-size: 0.85rem !important;
    color: var(--v-color-primary) !important;
    font-weight: 600 !important;
}


/* Cross Sells (Compatible Products) Styling */
.cross-sells h2 {
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    margin-bottom: 2rem !important;
    text-transform: uppercase;
    text-align: left;
}

.cross-sells ul.products {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
}

@media (max-width: 992px) {
    .cross-sells ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Ensure the cart form and totals are in a container that allows the flex layout */
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals {
    float: none !important;
}

/* Fix for checkout flow buttons */
.wc-proceed-to-checkout .checkout-button {
    margin-top: 15px;
}


/* Refine Totals Table and Shipping */
.cart_totals .shop_table {
    border: none !important;
}

.cart_totals .shop_table tr th,
.cart_totals .shop_table tr td {
    padding: 20px 0 !important;
    border-top: none !important;
}

.cart_totals .shop_table .cart-subtotal th,
.cart_totals .shop_table .cart-subtotal td {
    border-bottom: 1px solid #f1f5f9 !important;
}

.cart_totals .shipping td {
    vertical-align: top !important;
}

#shipping_method {
    margin-top: 5px !important;
}

#shipping_method li {
    background: #f8fafc;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    margin-bottom: 8px !important;
}

#shipping_method li:has(input:checked) {
    border-color: var(--v-color-primary);
    background: #fff;
    box-shadow: 0 4px 12px rgba(var(--v-color-primary-rgb), 0.05);
}

.woocommerce-shipping-totals h3 {
    font-size: 0.9rem !important;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 10px;
}

/* Fix product subtotal alignment in cart form */
.product-price,
.product-quantity,
.product-subtotal {
    text-align: center !important;
}

/* Ensure the cart page doesn't have a sidebar if Woodmart or another theme is trying to add it */
.woocommerce-cart #secondary {
    display: none !important;
}

.woocommerce-cart #primary {
    width: 100% !important;
    flex: 0 0 100% !important;
}


/* Cross-sells Section spacing */
.cross-sells {
    padding-top: 50px;
    border-top: 1px solid #e2e8f0;
}


/* 2-Column Layout for Cart Page */
@media (min-width: 992px) {
    .woocommerce-cart .woocommerce {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 30px !important;
    }

    .woocommerce-cart .woocommerce-cart-form {
        flex: 1 !important;
        width: auto !important;
    }

    .woocommerce-cart .cart-collaterals {
        flex: 0 0 380px !important;
        width: 380px !important;
        margin: 0 !important;
    }
}

/* End of File Cleanup */


/* Unified Recommendation System Active via functions.php */


/* Modern Cart Implementation End */




/* Hide default cross-sells if we are using per-product alerts */
.woocommerce-cart .cross-sells {
    display: none !important;
}


/* Hide Price/Subtotal columns in Cart Table */
.woocommerce-cart-form__contents th.product-price,
.woocommerce-cart-form__contents th.product-subtotal,
.woocommerce-cart-form__contents td.product-price,
.woocommerce-cart-form__contents td.product-subtotal {
    display: none !important;
}

/* Style Unit Price under product name */
.v-cart-unit-price {
    font-size: 0.9rem;
    color: var(--v-color-primary);
    font-weight: 700;
    margin-top: 8px;
    background: #f0f7ff;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
}

/* Remove stray colon from variations */
.variation dt::after {
    content: "" !important;
}



/* Theme Customizations Active via functions.php */


.cart_totals .order-total td {
    font-size: 1.25rem !important;
}




.cart_totals {
    border-radius: 20px !important;
    padding: 30px !important;
    background: #fff !important;
}

.cart_totals .shop_table tr th {
    width: 40% !important;
}

.cart_totals .order-total td {
    font-size: 1.4rem !important;
}


/* WooCommerce Notices Overhaul */
.woocommerce-notice,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 14px 20px 14px 52px !important; /* Generous left padding to completely avoid icon overlap */
    margin-bottom: 25px !important;
    color: #1e293b !important;
    display: block !important;
    position: relative !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
    font-family: var(--v-font-body), sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

/* Reset default WooCommerce font icon rendering */
.woocommerce-notice::before,
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-family: inherit !important; /* Reset icon font to standard system font to avoid weird letter overlaps */
    font-size: 1.35rem !important;
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    width: auto !important;
    height: auto !important;
    speak: never;
}

/* Elegant, premium alert types with modern styled backgrounds and distinct branding */
.woocommerce-info {
    background: #f0f9ff !important; /* Soft blue */
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
}
.woocommerce-info::before {
    content: "ℹ️" !important; /* Modern info icon */
}

.woocommerce-error {
    background: #fef2f2 !important; /* Soft red */
    border: 1px solid #fecaca !important;
    color: #b91c1c !important;
}
.woocommerce-error::before {
    content: "⚠️" !important; /* Modern warning icon */
}

.woocommerce-message {
    background: #f0fdf4 !important; /* Soft green */
    border: 1px solid #bbf7d0 !important;
    color: #166534 !important;
}
.woocommerce-message::before {
    content: "✅" !important; /* Modern success icon */
}

/* Support multi-item error listings outputted as a UL */
ul.woocommerce-error {
    list-style: none !important;
    margin: 0 0 25px 0 !important;
    padding: 14px 20px 14px 52px !important;
}
ul.woocommerce-error li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Coupon Notice Specific */
.woocommerce-form-coupon-toggle .woocommerce-info {
    border-left: none !important;
    border-radius: 16px !important;
    padding: 20px 25px 20px 60px !important;
    font-weight: 500 !important;
    position: relative !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info::before {
    content: "🎟️" !important;
    position: absolute !important;
    left: 25px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 1.25rem !important;
    display: block !important;
    margin: 0 !important;
}

.woocommerce-form-coupon-toggle .showcoupon {
    color: #f97316 !important;
    font-weight: 700 !important;
    margin-left: 6px !important;
    text-decoration: none !important;
}

.woocommerce-form-coupon-toggle .showcoupon:hover {
    text-decoration: underline !important;
}

/* Checkout Coupon Form */
form.checkout_coupon {
    background: #f8fafc !important;
    border-radius: 16px !important;
    padding: 25px !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 30px !important;
}

form.checkout_coupon p {
    margin: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

form.checkout_coupon p.form-row-first {
    width: 65% !important;
}

form.checkout_coupon p.form-row-last {
    width: calc(35% - 15px) !important;
    margin-left: 15px !important;
}


form.checkout_coupon input.input-text {
    width: 100% !important;
    height: 48px !important;
    border-radius: 10px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 0 15px !important;
    font-size: 0.95rem !important;
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important;
}

form.checkout_coupon input.input-text:focus {
    border-color: var(--v-color-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 96, 223, 0.1) !important;
}

form.checkout_coupon button.button {
    height: 48px !important;
    border-radius: 10px !important;
    background: #1e293b !important;
    color: #fff !important;
    font-weight: 600 !important;
    padding: 0 25px !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

form.checkout_coupon button.button:hover {
    background: #f97316 !important;
    transform: translateY(-2px) !important;
}




/* End of Vopsinel Theme Styles */


/* Cleanup Step 2 */


/* Cleanup Step 3 */


/* Cleanup Step 4 */



/* Cleanup Step 5 */


/* Cleanup Step 6.1 */



/* Cleanup Step 6.2 */


/* Cleanup Step 7 */



/* Cleanup Step 8 */



/* Cleanup Step 9 */



/* Cleanup Step 10 */



/* Cleanup Step 11 */



/* -----------------------------------------------------------------------------
   MODERN MOBILE CART REBUILD
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {

    /* Hide table headers and labels */
    .woocommerce-cart-form__contents thead,
    .woocommerce-cart-form__cart-item td::before {
        display: none !important;
    }

    .woocommerce-cart-form__cart-item {
        display: block !important;
        background: #fff !important;
        border-radius: 16px !important;
        padding: 20px !important;
        margin-bottom: 20px !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
        position: relative !important;
        border: 1px solid #f1f5f9 !important;
        overflow: hidden !important;
    }

    .woocommerce-cart-form__cart-item td {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        text-align: left !important;
    }

    /* Position X on the TOP-RIGHT, away from the image */
    .product-remove {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        z-index: 10 !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .product-remove a.remove {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 24px !important;
        height: 24px !important;
        background: #f1f5f9 !important;
        color: #94a3b8 !important;
        border-radius: 50% !important;
        font-size: 14px !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
        line-height: 1 !important;
    }

    .product-remove a.remove:hover {
        background: #fee2e2 !important;
        color: #ef4444 !important;
    }

    .product-thumbnail {
        float: left !important;
        width: 70px !important;
        margin-right: 15px !important;
        margin-bottom: 10px !important;
    }

    .product-thumbnail img {
        width: 70px !important;
        height: 70px !important;
        object-fit: contain !important;
        border-radius: 12px !important;
        background: #f8fafc !important;
    }

    .product-name {
        padding-top: 5px !important;
    }

    .product-name a {
        font-size: 1rem !important;
        font-weight: 700 !important;
        color: #111827 !important;
        line-height: 1.3 !important;
    }

    /* Details and Variations Cleanup */
    .variation {
        clear: both !important;
        margin-top: 10px !important;
        display: block !important;
        font-size: 0.85rem !important;
        color: #64748b !important;
    }

    .variation dt,
    .variation dd {
        display: inline !important;
        margin: 0 !important;
    }

    /* Remove colons and labels like 'Produs:' */
    .variation dt {
        display: none !important;
    }

    /* Quantity and Price alignment */
    .product-quantity {
        clear: both !important;
        display: flex !important;
        align-items: center !important;
        gap: 15px !important;
        margin-top: 15px !important;
        padding-top: 15px !important;
        border-top: 1px solid #f1f5f9 !important;
    }

    .product-quantity .quantity {
        width: 110px !important;
    }
}

/* DESKTOP - Restore image width */
@media (min-width: 992px) {
    .product-thumbnail {
        width: 120px !important;
        min-width: 120px !important;
    }

    .product-thumbnail img {
        width: 100px !important;
        height: auto !important;
    }
}

/* MINIMIZE CART HEADER SPACING & STYLIZE TITLE */
.woocommerce-cart .entry-header {
    margin-bottom: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    text-align: center !important;
}

.woocommerce-cart .entry-title {
    margin: 0 !important;
    padding: 0 0 8px 0 !important;
    line-height: 1.1 !important;
    font-size: 1.4rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #1a1a1a !important;
    display: inline-block !important;
    border-bottom: 3px solid #f97316 !important;
    /* Brand accent under title */
}

/* FORCE SIDE-BY-SIDE CART LAYOUT - DESKTOP */
@media (min-width: 992px) {

    .woocommerce-cart #content .woocommerce,
    .woocommerce-cart .woocommerce {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 40px !important;
        width: 100% !important;
        max-width: 1400px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .woocommerce-cart .woocommerce-cart-form {
        flex: 0 0 55% !important;
        width: 55% !important;
        margin: 0 !important;
    }

    .woocommerce-cart .cart-collaterals {
        flex: 0 0 42% !important;
        width: 42% !important;
        margin: 0 !important;
    }

    .woocommerce-cart .cart-collaterals .cart_totals {
        width: 100% !important;
        float: none !important;
    }

    /* TIGHTEN LABELS COLUMN */
    .woocommerce-cart .cart_totals table th {
        width: 25% !important;
        /* Narrower labels */
        text-align: left !important;
        padding-left: 0 !important;
    }

    .woocommerce-cart .cart_totals table td {
        width: 75% !important;
        /* More space for values/inputs */
        text-align: right !important;
    }
}




/* FORCE X TO TOP-RIGHT ON MOBILE */
@media (max-width: 768px) {
    .woocommerce-cart-form__contents tr td.product-remove {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        left: auto !important;
        /* Override any left position */
        display: block !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        z-index: 20 !important;
    }

    .woocommerce-cart-form__contents tr td.product-remove a.remove {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        background: #fee2e2 !important;
        /* Light red background */
        color: #ef4444 !important;
        /* Red X */
        border-radius: 50% !important;
        font-size: 16px !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
        text-decoration: none !important;
    }

}


/* UNIFY CHECKOUT BUTTONS COLORS */
.woocommerce-cart .checkout-button,
.woocommerce-cart .v-fast-btn-secondary,
.woocommerce-cart .wc-forward {
    background-color: #f97316 !important;
    color: #fff !important;
}

.woocommerce-cart .checkout-button:hover {
    background-color: #ea580c !important;
}

/* HIDE WOOCOMMERCE NOTICES COMPLETELY ON CART PAGE */
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error,
.woocommerce-cart .woocommerce-notice {
    display: none !important;
}


/* ==========================================================================
   SHOPIFY-STYLE CHECKOUT LAYOUT (VOPSINEL THEME)
   ========================================================================== */



/* PREVENT HORIZONTAL SCROLL ON CHECKOUT */
/* overflow-x: clip (not hidden) — hidden forces overflow-y:auto on this
   ancestor, which breaks position:sticky on #order_review below. */
.woocommerce-checkout {
    overflow-x: clip !important;
}

.v-wc-wrapper {
    max-width: 100% !important;
    overflow-x: clip !important;
}

/* NOTE: the two-column grid layout (form.checkout / #customer_details /
   #order_review, including the sticky positioning) used to be set here.
   It's now handled by the "WC Checkout Redesign" plugin's checkout.css,
   which is active on this site — removed to avoid two conflicting grid
   definitions on the same elements. The overflow-x: clip fix above stays:
   it's about this theme's own .woocommerce-checkout/.v-wc-wrapper wrapper
   elements specifically, which the portable plugin has no way to know
   about, and removing it would silently break the plugin's sticky
   #order_review again (overflow-x: hidden on an ancestor breaks
   position: sticky on a descendant — that's the whole reason this rule
   exists). */





/* Premium Field Styling */
.woocommerce-checkout .form-row {
    margin-bottom: 20px !important;
}

.woocommerce-checkout label {
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    margin-bottom: 8px !important;
    display: block !important;
    color: #334155 !important;
}

/* NOTE: base input/select/textarea styling (border, background, focus
   state) and the live-validation red/green states used to live here — now
   in the plugin's checkout.css. .form-row spacing and label styling above
   stay here; those weren't part of the plugin (general checkout look, not
   specific to the redesign). */

/* "Doresc factură pe firmă" toggle — had no dedicated styling at all before,
   just fell back to the plain default .form-row look. Same premium card
   treatment as the ship-to-different-address / create-account toggles. */
.woocommerce-checkout .form-row.v-invoice-toggle-row {
    background: #fff3e8 !important;
    border: 2px solid #f97316 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    box-shadow: 0 4px 14px rgba(249, 115, 22, 0.15) !important;
    transition: all 0.2s ease !important;
}

.woocommerce-checkout .form-row.v-invoice-toggle-row:hover {
    background: #ffe9d6 !important;
    border-color: #ea580c !important;
    box-shadow: 0 6px 18px rgba(249, 115, 22, 0.22) !important;
}

.woocommerce-checkout .form-row.v-invoice-toggle-row label.checkbox {
    font-weight: 700 !important;
    font-size: 1rem !important;
    color: #1e293b !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
}

.woocommerce-checkout .form-row.v-invoice-toggle-row label.checkbox::before {
    content: "🧾";
    font-size: 1.2rem;
    line-height: 1;
    flex-shrink: 0;
}

.woocommerce-checkout .form-row.v-invoice-toggle-row input[type="checkbox"] {
    margin: 0 !important;
    margin-top: 0 !important;
    width: 20px !important;
    height: 20px !important;
    accent-color: #f97316 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

/* (.v-field-error removed — the JS that produced it is gone; the plugin's
   own live-validation JS doesn't use this class name.) */

/* Order Review Box Styling */
#order_review {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

/* Table in Order Review */
.woocommerce-checkout-review-order-table {
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    margin-bottom: 30px !important;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border: none !important;
    padding: 10px 0 !important;
    background: transparent !important;
}

.woocommerce-checkout-review-order-table .product-name {
    font-weight: 500 !important;
    color: #475569 !important;
}

.woocommerce-checkout-review-order-table .product-total {
    font-weight: 700 !important;
    color: #1e293b !important;
    text-align: right !important;
}

/* Payment Methods Section */
#payment {
    background: #f8fafc !important;
    border-radius: 15px !important;
    padding: 20px !important;
    border: 1px solid #f1f5f9 !important;
}

#payment ul.payment_methods {
    border: none !important;
    padding: 0 !important;
}

/* li/hover/input styling below removed — duplicated the WC Checkout Redesign
   plugin's own card styling with a competing muted-gray hover, same class of
   conflict as the "Premium Payment Methods Styling" block further down. */

/* Final Place Order Button */
.woocommerce-checkout #place_order {
    background-color: #f97316 !important;
    color: #fff !important;
    padding: 20px !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    width: 100% !important;
    border: none !important;
    margin-top: 20px !important;
    box-shadow: 0 10px 25px rgba(249, 115, 22, 0.2) !important;
    transition: all 0.3s ease !important;
}

.woocommerce-checkout #place_order:hover {
    background-color: #ea580c !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 30px rgba(249, 115, 22, 0.3) !important;
}

/* Responsive Fixes for Checkout */
@media (max-width: 991px) {
    .woocommerce-checkout form.checkout {
        display: block !important;
    }

    .woocommerce-checkout #customer_details {
        float: none !important;
        width: 100% !important;
        margin-bottom: 30px !important;
    }

    .woocommerce-checkout #order_review {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 30px !important;
    }
}


/* NOTE: the "Checkout Section Cards" box styling (.col-1/.col-2/#order_review/
   #v-checkout-shipping-wrap card look, and the #payment card restore for
   its relocated spot in the left column) is now in the plugin's
   checkout.css, verbatim-identical values — removed here to avoid the two
   stylesheets disagreeing on load order for the same selectors. */

/* Make nested Order Notes container transparent and borderless inside col-2 */
.woocommerce-checkout .woocommerce-additional-fields {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-top: 18px !important;
    margin-bottom: 0 !important;
}

/* Expand Order Notes textarea size and make it vertically resizable */
.woocommerce-checkout textarea#order_comments {
    height: 120px !important;
    min-height: 120px !important;
    resize: vertical !important;
}
.woocommerce-checkout textarea#order_comments:focus {
    border-color: #f97316 !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.1) !important;
    outline: none !important;
}

/* Ensure the left column starts at exact same height as the right one */
.woocommerce-checkout .col-1 {
    margin-top: 0 !important;
}

.woocommerce-checkout .col2-set {
    margin: 0 !important;
    width: 100% !important;
}

.woocommerce-checkout h3 {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.4rem !important;
    color: #1e293b !important;
    margin-bottom: 25px !important;
    padding-bottom: 15px !important;
    border-bottom: 2px solid #f1f5f9 !important;
    text-transform: none !important;
    letter-spacing: -0.5px !important;
}

/* Fix for the right column spacing */
@media (min-width: 992px) {
    #order_review {
        margin-top: 0 !important;
    }
}


/* Hide Redundant Checkout Heading */
.woocommerce-checkout #order_review_heading {
    display: none !important;
}

/* Order Review Product Styling */
.v-checkout-product-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    text-align: left !important;
}

.v-checkout-product-thumb {
    flex: 0 0 64px !important;
    width: 64px !important;
    height: 64px !important;
    background: #f1f5f9 !important;
    border-radius: 12px !important;
    padding: 4px !important;
    border: 1px solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.v-checkout-product-info {
    flex: 1 !important;
}

.v-product-name {
    display: block !important;
    font-size: 0.95rem !important;
    line-height: 1.15 !important;
    color: #1e293b !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
}

.v-product-meta {
    font-size: 0.8rem !important;
    color: #64748b !important;
    font-weight: 400 !important;
}

/* Order Review Totals Styling */
.woocommerce-checkout-review-order-table tfoot th {
    font-weight: 500 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.5px !important;
}

.woocommerce-checkout-review-order-table tfoot td {
    font-weight: 700 !important;
    color: #1e293b !important;
    text-align: right !important;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    font-size: 1.1rem !important;
    color: #f97316 !important;
    border-top: 2px solid #f1f5f9 !important;
    padding-top: 15px !important;
}



/* ==========================================================================
   PIXEL-PERFECT CHECKOUT ALIGNMENT
   ========================================================================== */

.v-wc-wrapper {
    max-width: 1400px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    /* Don't cut shadows */
}



/* Align inner titles horizontally */
.woocommerce-checkout h3,
.woocommerce-checkout-review-order-table thead th {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding-bottom: 10px !important;
    font-size: 1.1rem !important;
    line-height: 1.2 !important;
}

/* Product List & Thumbnails Cleanup (No Borders) */
.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table tr {
    border: none !important;
    background: transparent !important;
}

.woocommerce-checkout-review-order-table tr {
    border-bottom: 1px solid #f1f5f9 !important;
}

.woocommerce-checkout-review-order-table tr:last-child {
    border-bottom: none !important;
}

.v-checkout-product-thumb {
    width: 60px !important;
    height: 60px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.v-checkout-product-thumb img {
    border: none !important;
    box-shadow: none !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
}

.v-product-name {
    display: block !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    font-size: 0.95rem !important;
}

.v-product-meta {
    font-size: 0.85rem !important;
    color: #64748b !important;
    margin-top: 3px !important;
}


/* Hide ONLY redundant WooCommerce elements (direct children of TD) */
.woocommerce-checkout-review-order-table td>.product-quantity,
.woocommerce-checkout-review-order-table td>.variation,
.woocommerce-checkout-review-order-table td>dl.variation {
    display: none !important;
}

/* Highlight bundle ("PACHET") line items — WC Product Bundles already adds
   this class to the row on both the cart page and the checkout review table. */
tr.bundle_table_item,
tr.bundle_table_item td {
    background: #fff3e8 !important;
}

/* A stray " " text node sits directly in td.product-name, between our
   styled .v-checkout-product-item and the now-hidden duplicate elements above.
   It has no element/class of its own to hide, so it renders at the td's
   default font-size — a ~20px-tall sliver of empty space per row. Collapse
   the td's own font-size to 0; every real piece of text inside already has
   its own explicit font-size (.v-product-name, .v-product-meta, etc.) so it's
   unaffected. */
.woocommerce-checkout-review-order-table td.product-name {
    font-size: 0;
}

/* Ensure attributes INSIDE our custom meta remain visible */
.v-product-meta .variation,
.v-product-meta dl.variation {
    display: inline !important;
}

.v-attr-list dt,
.v-attr-list dd,
.v-attr-list p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    color: inherit !important;
}

.v-attr-list dd::after {
    content: " • ";
    /* Use a dot as a cleaner separator */
    margin: 0 5px;
    color: #cbd5e1 !important;
}

.v-attr-list dd:last-child::after {
    content: "";
}

.v-attr-list {
    margin-bottom: 2px !important;
    display: block !important;
}

/* Payment method card styling (background, border, hover, selected, label)
   is fully owned by the WC Checkout Redesign plugin's checkout.css now —
   this block used to duplicate it with a competing orange selected-state
   color that raced against the plugin's green, winning depending on load
   order. Removed to avoid the two stylesheets disagreeing. */

/* Style for the new manual title */
#v-order-review-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 25px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding-bottom: 15px !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #1e293b !important;
}

/* Ensure payment description takes full width below */
#payment div.payment_box {
    width: 100% !important;
    background: #f8fafc !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-top: 15px !important;
    color: #64748b !important;
    font-size: 0.85rem !important;
    border: 1px solid #f1f5f9 !important;
    position: relative !important;
}


.v-date-attr {
    display: none !important;
    font-size: 0.8rem !important;
    color: #64748b !important;
    margin-top: 8px !important;
    font-weight: 500 !important;
}


.woocommerce-checkout-review-order-table tr:last-child .v-date-attr {
    display: block !important;
}

/* Premium Invoice Toggle & Company Fields Styling */
#billing_invoice_type_field {
    background: #fffaf7 !important;
    border: 1px dashed #f97316 !important;
    border-radius: 12px !important;
    padding: 15px 20px !important;
    margin-bottom: 25px !important;
    transition: all 0.2s ease !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#billing_invoice_type_field:hover {
    background: #fff7f2 !important;
    border-color: #ea580c !important;
}

#billing_invoice_type_field label.checkbox {
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    color: #1e293b !important;
    display: flex !important;
    align-items: flex-start !important; /* Align checkbox with the first line of text */
    gap: 12px !important;
    line-height: 1.4 !important;
}

#billing_invoice_type_field label .optional,
#billing_company_field label .optional,
#billing_wooccm11_field label .optional,
#billing_wooccm12_field label .optional {
    display: none !important; /* Hide redundant/confusing "(opțional)" text */
}

#billing_invoice_type_field input[type="checkbox"] {
    margin: 0 !important;
    margin-top: 0 !important; /* Nudge checkbox to align perfectly with the first line of text */
    width: 20px !important;
    height: 20px !important;
    accent-color: #f97316 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important; /* Prevent checkbox from squeezing on mobile */
}

/* Hide Company Fields by Default to Prevent Flickering */
#billing_company_field,
#billing_wooccm11_field,
#billing_wooccm12_field {
    display: none;
}

/* Desktop and Mobile Helper Visibility Classes */
.v-desktop-only {
    display: inline !important;
}
.v-mobile-only {
    display: none !important;
}

/* Responsive Fixes for Coupon & Fields on Mobile */
@media (max-width: 768px) {
    /* Responsive helper overrides */
    .v-desktop-only {
        display: none !important;
    }
    .v-mobile-only {
        display: inline !important;
    }

    /* Keep Coupon Input and Button side-by-side on a single line on mobile */
    form.checkout_coupon {
        padding: 15px !important;
    }

    form.checkout_coupon p.form-row-first {
        width: 65% !important;
        margin: 0 !important;
        display: inline-block !important;
        float: left !important;
    }
    
    form.checkout_coupon p.form-row-last {
        width: calc(35% - 10px) !important;
        margin-left: 10px !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        display: inline-block !important;
        float: left !important;
    }

    /* Clearfix for coupon form container */
    form.checkout_coupon::after {
        content: "" !important;
        display: table !important;
        clear: both !important;
    }

    /* Reduce Coupon Toggle padding on mobile to save vertical space and force single-line */
    .woocommerce-form-coupon-toggle .woocommerce-info {
        padding: 15px 15px 15px 42px !important;
        font-size: 0.875rem !important; /* 14px */
        white-space: nowrap !important; /* Strictly enforce single-line */
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .woocommerce-form-coupon-toggle .woocommerce-info::before {
        left: 12px !important;
        font-size: 1.15rem !important;
    }

    /* Checkbox Label font size on mobile */
    #billing_invoice_type_field label.checkbox {
        font-size: 0.95rem !important;
    }
}

/* Select2 Dropdown Premium Styling */
.select2-dropdown {
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08) !important;
    background-color: #ffffff !important;
    overflow: hidden !important;
    z-index: 99999 !important;
}

.select2-search--dropdown {
    padding: 10px 12px 8px 12px !important;
    background-color: #ffffff !important;
}

.select2-search--dropdown .select2-search__field {
    padding: 10px 14px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #f8fafc !important;
    color: #1e293b !important;
    font-size: 0.9rem !important;
    font-family: inherit !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.select2-search--dropdown .select2-search__field:focus {
    border-color: #f97316 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1) !important;
}

/* Results & Options styling */
.select2-results__options {
    max-height: 250px !important;
}

.select2-results__option {
    padding: 10px 16px !important;
    font-size: 0.9rem !important;
    color: #334155 !important;
    transition: all 0.15s ease !important;
}

/* Highlighted (hovered) option */
.select2-results__option--highlighted[aria-selected] {
    background-color: #f97316 !important;
    color: #ffffff !important;
}

/* Selected option */
.select2-results__option[aria-selected="true"] {
    background-color: #fff7f2 !important;
    color: #ea580c !important;
    font-weight: 600 !important;
}

/* Scrollbar for select2 results dropdown */
.select2-results__options::-webkit-scrollbar {
    width: 6px !important;
}

.select2-results__options::-webkit-scrollbar-track {
    background: #f1f5f9 !important;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 3px !important;
}

.select2-results__options::-webkit-scrollbar-thumb:hover {
    background: #94a3b8 !important;
}

/* Ship to a different address Premium Checkbox Card */
#ship-to-different-address {
    background: #fff3e8 !important;
    border: 2px solid #f97316 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin-top: 18px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 4px 14px rgba(249, 115, 22, 0.15) !important;
    transition: all 0.2s ease !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;

    /* Overriding default h3 styling rules */
    font-size: 1rem !important;
    font-weight: normal !important;
    border-bottom: none !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

#ship-to-different-address:hover {
    background: #ffe9d6 !important;
    border-color: #ea580c !important;
    box-shadow: 0 6px 18px rgba(249, 115, 22, 0.22) !important;
}

#ship-to-different-address label.checkbox {
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    color: #1e293b !important;
    display: flex !important;
    align-items: flex-start !important; /* Top-line alignment */
    gap: 12px !important;
    line-height: 1.4 !important;
    width: 100% !important;
}

#ship-to-different-address label.checkbox::before {
    content: "📦";
    font-size: 1.2rem;
    line-height: 1;
    flex-shrink: 0;
}

#ship-to-different-address input[type="checkbox"] {
    margin: 0 !important;
    margin-top: 0 !important; /* Align with first line of text */
    width: 20px !important;
    height: 20px !important;
    accent-color: #f97316 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

/* Mobile font override to match other checkbox card */
@media (max-width: 768px) {
    #ship-to-different-address label.checkbox {
        font-size: 0.95rem !important;
    }
}


/* ==========================================================================
   CUSTOM CHECKOUT REFINEMENT - VOPSINEL THEME
   ========================================================================== */

/* 1. Transform Order Review Table into full single-column Flexbox layouts */
.woocommerce-checkout-review-order-table {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border: none !important;
    background: transparent !important;
}

.woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout-review-order-table tfoot {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    background: transparent !important;
}

/* Hide Table Headers completely for a modern borderless look */
.woocommerce-checkout-review-order-table thead {
    display: none !important;
}

/* 2. Style product rows to span the full width as vertical blocks */
.woocommerce-checkout-review-order-table tbody tr {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 5px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    box-sizing: border-box !important;
}

/* Hide Product Subtotal columns entirely */
.woocommerce-checkout-review-order-table th.product-total,
.woocommerce-checkout-review-order-table td.product-total {
    display: none !important;
}

/* Make product name TD expand to fill the full block width */
.woocommerce-checkout-review-order-table .product-name {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 3. Style delivery estimate row to display cleanly beneath products */
.v-checkout-delivery-estimate-row td {
    padding: 10px 0 20px 0 !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 4. Style totals rows (subtotal, taxes, fees, total) as horizontal rows that span 100% of the container */
.woocommerce-checkout-review-order-table tfoot tr {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    border: none !important;
}

.woocommerce-checkout-review-order-table tfoot th {
    text-align: left !important;
    font-weight: 600 !important;
    color: #475569 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
}

.woocommerce-checkout-review-order-table tfoot td {
    text-align: right !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    font-size: 1rem !important;
}

/* NOTE: the shipping-row column-stack override and its #shipping_method
   width rules used to live here (section 5). Removed — the shipping method
   list no longer lives inside this table row at all (it's relocated into
   the left column by the WC Checkout Redesign plugin), and this override
   was fighting the plugin's own same-line row styling for the row that's
   left behind. */

/* 6. Premium Modern Style for the Order Total row */
.woocommerce-checkout-review-order-table tfoot tr.order-total {
    border-top: 2px solid #f1f5f9 !important;
    border-bottom: none !important;
    padding-top: 20px !important;
    margin-top: 10px !important;
}

.woocommerce-checkout-review-order-table tfoot tr.order-total th {
    font-size: 1.15rem !important;
    color: #ea580c !important; /* Premium brand orange color */
    font-weight: 800 !important;
    font-family: 'Outfit', sans-serif !important;
}

.woocommerce-checkout-review-order-table tfoot tr.order-total td {
    font-size: 1.35rem !important;
    color: #f97316 !important; /* Strong orange highlighted total price */
    font-weight: 800 !important;
    font-family: 'Outfit', sans-serif !important;
    text-align: right !important;
}

/* Adjust smaller tax label text inside the total td */
.woocommerce-checkout-review-order-table tfoot tr.order-total td small {
    display: block !important;
    font-size: 0.8rem !important;
    color: #f97316 !important;
    font-weight: 500 !important;
    margin-top: 4px !important;
    font-family: 'Outfit', sans-serif !important;
}

/* 7. Borderless Payment section wrapper */
#payment {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* NOTE: section 8 (payment-label flex alignment) plus the .v-gateway-icon-wrap
   / .v-card-networks / .v-card-network-visa / .v-card-network-icon /
   .v-ing-badge / .v-cod-fee-badge / .v-pay-icon rules used to live here.
   Removed — none of those classes are produced by the theme anymore (the
   gateway icon markup moved to the WC Checkout Redesign plugin's own
   wccr- prefixed classes), and the label rule was overriding the plugin's
   centered-card layout for payment method cards (same #payment ul.payment_methods
   li label selector, fighting over justify-content/width). */

/* 9. Complete hide of delivery estimate under checkout products to remove empty space */
.woocommerce-checkout-review-order-table .v-date-attr,
.woocommerce-checkout-review-order-table tr:last-child .v-date-attr,
.woocommerce-checkout-review-order-table .edw-estimated-delivery,
.woocommerce-checkout-review-order-table .edw_date {
    display: none !important;
}

/* 10. Spacing adjustments for checkout item metadata to remove vertical gap */
.v-product-meta,
.v-product-meta *,
.v-attr-list,
.v-attr-list *,
.woocommerce-checkout .v-product-meta,
.woocommerce-checkout .v-product-meta * {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1.2 !important;
}

/* Force all inline containers inside attributes to not break lines */
.v-product-meta .v-attr-list,
.v-product-meta dl,
.v-product-meta dt,
.v-product-meta dd,
.v-product-meta p {
    display: inline !important;
}

/* Hide all dt labels, colons, line breaks and empty tags inside product meta */
.v-product-meta dt,
.v-product-meta br,
.v-product-meta :empty,
.v-attr-list dt,
.v-attr-list br,
.v-attr-list :empty {
    display: none !important;
}

/* Style the quantity/price row as a clean block element right below the attributes */
.v-qty-price {
    display: block !important;
    margin-top: 0 !important; /* tight 2px spacing */
    font-size: 0.8rem !important;
    color: #64748b !important;
}

/* NOTE: sections 11-12 (the older "Premium Shipping Methods Card Styling"
   pass, plus .v-shipping-icon-wrap/.v-shipping-icon/.v-shipping-label-text/
   .v-shipping-price-text, #v-shipping-detail-box, #v-payment-detail-box, and
   the .v-active checked-card styling) used to live here. Removed — none of
   those classes are produced anymore (relocateShippingAndPayment() and
   highlightSelectedPaymentMethod() were removed from main.js when this
   moved to the WC Checkout Redesign plugin), and the unscoped #shipping_method
   rules here were the actual cause of two live bugs: they fought the
   plugin's own shipping/payment card CSS on the checkout page (uneven
   card alignment), and — since they weren't scoped to .woocommerce-checkout —
   they also styled the shipping-method list on the cart page (#shipping_method
   is the same ID WooCommerce uses there), making it look like a broken card.
   The plugin's own #payment ul.payment_methods li div.payment_box { display:none }
   rule (checkout.css) covers hiding the original description box; no
   replacement needed here. */

/* 13. Absolute Spacing Reset to Eliminate Blank Line Gaps under Product Attributes */
.v-product-meta dl.variation {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: none !important;
}

.v-product-meta dl.variation::before,
.v-product-meta dl.variation::after {
    display: none !important;
    content: none !important;
    clear: none !important;
}

.v-product-meta dl.variation dt,
.v-product-meta dl.variation dd {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

.v-product-meta dl.variation p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Make combined attributes display as inline */
.v-combined-attr {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* Qty and Price spacing under attributes span */
.v-qty-price {
    display: block !important;
    margin-top: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* 14. Premium Checkout Create Account Checkbox and Password Field Card Styling */
.woocommerce-checkout p.create-account {
    background: #fff3e8 !important;
    border: 2px solid #f97316 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin: 18px 0 10px 0 !important;
    box-shadow: 0 4px 14px rgba(249, 115, 22, 0.15) !important;
    transition: all 0.2s ease !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout p.create-account:hover {
    background: #ffe9d6 !important;
    border-color: #ea580c !important;
    box-shadow: 0 6px 18px rgba(249, 115, 22, 0.22) !important;
}

.woocommerce-checkout p.create-account label.checkbox {
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    color: #1e293b !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    line-height: 1.4 !important;
}

.woocommerce-checkout p.create-account label.checkbox::before {
    content: "👤";
    font-size: 1.2rem;
    line-height: 1;
    flex-shrink: 0;
}

.woocommerce-checkout p.create-account input[type="checkbox"] {
    margin: 0 !important;
    margin-top: 3px !important;
    width: 18px !important;
    height: 18px !important;
    accent-color: #f97316 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

/* Password Box container */
.woocommerce-checkout div.create-account {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin: 0 0 20px 0 !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout div.create-account p.form-row {
    margin-bottom: 0 !important; /* Reset margin since container handles spacing */
}

/* Custom mobile optimization to maximize checkout width and reduce spacing */
@media (max-width: 768px) {
    .v-wc-wrapper {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .woocommerce-checkout form.checkout {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .woocommerce-checkout .col-1,
    .woocommerce-checkout .col-2,
    .woocommerce-checkout #order_review {
        padding: 18px 12px !important;
        border-radius: 12px !important;
        margin-bottom: 20px !important;
    }
}





/* ==========================================================================
   NOTE: the checkout shipping/payment card redesign (grid layout, checkmark
   badge, hover/selected colors, sticky order summary, secure-order notice,
   card network marks, COD fee badge, detail boxes) used to live here. All
   of it is now handled by the "WC Checkout Redesign" plugin
   (assets/checkout.css there, wccr- prefixed classes) — removed from the
   theme to avoid duplicating/conflicting rules now that the plugin is
   active. The delivery-estimate banner below is theme-specific (tied to
   vopsinel_checkout_delivery_estimate() in inc/woocommerce-core.php) and
   isn't part of the portable plugin, so it stays.
   ========================================================================== */

.v-delivery-alert-card {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 12px !important;
    background: #f0fdf4 !important;
    border: 1px dashed #86efac !important;
    border-radius: 10px !important;
    margin: 6px 0 !important;
}

.v-delivery-icon {
    font-size: 1.1rem !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.v-delivery-text {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 4px 8px !important;
    line-height: 1.2 !important;
}

.v-delivery-label {
    font-weight: 600 !important;
    font-size: 0.78rem !important;
    color: #1e293b !important;
}

.v-delivery-date {
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    color: #16a34a !important;
    background: #dcfce7 !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
}

/* (Order-review padding, table-row spacing, sticky place-order button,
   secure-order notice, card lock badge, and shipping/payment card
   hover/selected colors are all handled by the plugin now — see the NOTE
   above .v-delivery-alert-card.) */

/* ANAF auto-fill (Denumire firmă / Nr. Reg. Com., filled by the separate
   "Date ANAF Checkout" plugin): locked fields read grayed-out and
   non-editable, with a manual-override link right below the Reg. Com. row. */
.v-anaf-locked {
    background-color: #f1f5f9 !important;
    color: #475569 !important;
    cursor: not-allowed !important;
}

#v-anaf-edit-manual {
    /* clear + block + width: fără asta, fiind inline-block neclearuit după
       rândul flotat Nume companie/Reg. Com., se așeza pe lângă/peste coada
       floaturilor în loc de pe rândul lui propriu - ceea ce dezalinia vizual
       rândul următor (Prenume/Nume, care nu mai porneau la același nivel). */
    clear: both;
    display: block;
    width: 100%;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--v-color-primary, #0061f2);
    text-decoration: underline;
    margin: -8px 0 12px;
}