/* ==========================================================================
   TRAMEI SURGICAL CHECKOUT FIX (NO-WRAP VERSION)
   ========================================================================== */

/* 1. FORCE CONTAINER EXPANSION */
#tramei-checkout-page {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
}

#tramei-checkout-page .container {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 20px !important;
    display: block !important;
}

/* 2. PREVENT FLEX WRAPPING (The 'Amassado' fix) */
@media (min-width: 993px) {
    form.woocommerce-checkout {
        display: flex !important;
        flex-wrap: nowrap !important; /* Force side-by-side layout */
        justify-content: space-between !important;
        gap: 40px !important;
        align-items: flex-start !important;
        width: 100% !important;
    }
    
    /* LEFT COLUMN: Billing Details */
    form.woocommerce-checkout #customer_details {
        flex: 0 0 65% !important;
        max-width: 65% !important;
        min-width: 0 !important; /* Allow it to respect flex-basis */
    }
    
    /* RIGHT COLUMN: Order Review */
    form.woocommerce-checkout #order_review {
        flex: 0 0 32% !important;
        max-width: 32% !important;
        min-width: 0 !important;
        position: sticky !important;
        top: 150px !important;
        background: #fff !important;
        padding: 30px !important;
        border-radius: 12px !important;
        box-shadow: 0 10px 40px rgba(0,0,0,0.06) !important;
        border: 1px solid #f0f0f0 !important;
    }
}

/* Responsive adjustments */
@media (max-width: 992px) {
    form.woocommerce-checkout {
        flex-wrap: wrap !important;
    }
    form.woocommerce-checkout #customer_details,
    form.woocommerce-checkout #order_review {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* Item Thumbnails Styling */
.checkout-item-wrapper { display: flex !important; align-items: center !important; gap: 15px !important; padding: 15px 0 !important; border-bottom: 1px solid #f0f0f0 !important; }
.checkout-product-img img { border-radius: 8px !important; border: 1px solid #eee !important; width: 60px !important; height: auto !important; }
.checkout-product-name { font-size: 14px !important; font-weight: 500 !important; color: #6A3A9B !important; }
.checkout-remove-item { color: #ddd !important; padding: 10px !important; cursor: pointer !important; }
.checkout-remove-item:hover { color: #ef4444 !important; }