/* === BASE BOX STYLE === */
.ecars-box {
    background: #f7f7f7;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 20px;
    color: #333;
}

.ecars-title {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    border-bottom: 1px solid #ddd;
    margin: 0 0 15px 0;
    padding-bottom: 10px;
}

.ecars-title.small {
    font-size: 16px;
    margin-bottom: 10px;
}

/* === SHARED ROW STYLES === */
.ecars-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.ecars-label {
    color: #2F4F4F;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.ecars-value {
    color: #000000;
    font-weight: 700;
    font-size: 15px;
    text-align: right;
}

/* === MAIN SPECS (Big Box) === */
.ecars-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 40px;
}

@media (min-width: 900px) {
    .ecars-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Icons for Main Specs */
.ecars-label::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #4682B4; /* Steel Blue */
    width: 25px;
    display: inline-block;
    text-align: center;
}

/* Icon Map */
.row-make .ecars-label::before { content: "\f1b9"; }
.row-model .ecars-label::before { content: "\f1b9"; }
.row-origin .ecars-label::before { content: "\f0ac"; }
.row-reg_date .ecars-label::before { content: "\f783"; }
.row-mileage .ecars-label::before { content: "\f3fd"; }
.row-fuel .ecars-label::before { content: "\f52f"; }
.row-gearbox .ecars-label::before { content: "\f085"; }
.row-emission .ecars-label::before { content: "\f06c"; }
.row-co2 .ecars-label::before { content: "\f06c"; }
.row-consumption .ecars-label::before { content: "\f46a"; }
.row-range .ecars-label::before { content: "\f5e7"; }
.row-engine .ecars-label::before { content: "\f1b2"; }
.row-power .ecars-label::before { content: "\f0e7"; }
.row-drivetrain .ecars-label::before { content: "\f085"; }
.row-body .ecars-label::before { content: "\f5e1"; }
.row-seats .ecars-label::before { content: "\f500"; }
.row-color .ecars-label::before { content: "\f1fc"; }
.row-doors .ecars-label::before { content: "\f0c9"; }
.row-gears .ecars-label::before { content: "\f013"; }
.row-ref_id .ecars-label::before { content: "\f02a"; }


/* === QUICK INFO (Sidebar) === */
.quick-info {
    padding: 15px;
}

/* 3 Columns by default */
.quick-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 15px 0; /* Row Gap: 15px, Col Gap: 0px */
    width: 100%;
}

/* Standard Items (Year, Mileage, Fuel) */
.quick-item {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.quick-label {
    font-size: 13px;
    color: #2F4F4F;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.quick-value {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}

/* === THE SPECIAL "ORIGIN" ROW === */
.quick-item.item-origin {
    grid-column: 1 / -1; /* Span all 4 columns */
    display: flex;
    border-top: 1px dashed #ddd; /* Separator line */
    padding-top: 10px;
    margin-top: 5px;
    
    /* Layout: Row (Label left, Value right) */
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.quick-item.item-origin .quick-label {
    font-size: 15px; /* Slightly bigger label */
    font-weight: 600;
    margin-bottom: 0;
}

.quick-item.item-origin .quick-value {
    font-size: 16px; /* Bigger Font for Country */
    font-weight: 800;
    gap: 8px;
    color: #000000;
}

.stock-badge-inline {
    background-color: #27ae60;
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 1.1rem; /* Slightly smaller to fit inline */
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 12px;
    vertical-align: middle;
}


/* === THE SPECIAL "PRICE_STATUS" ROW === */
.quick-item.item-price_status {
    grid-column: 1 / -1; /* Span all 3 columns */
    border-top: 1px dashed #ddd; /* Separator line */
    padding-top: 10px;
    margin-top: 5px;
    
    /* Layout: Row (Label left, Value right) */
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.quick-item.item-price_status .quick-label {
    font-size: 15px; /* Slightly bigger label */
    font-weight: 600;
    margin-bottom: 0;
    white-space: nowrap; 
    flex-shrink: 0;
    
}

.quick-item.item-price_status .quick-value {
    font-size: 13px;
    font-weight: 800;
    color: #000000;
    display: inline-block;
    line-height: 1.4;
    vertical-align: center;
}


/* ==== PRICE STATUS netto/brutto UNDER CURRENT BID ===
/* Container Fix - Forces it below floated price elements */
.ecars-badges-container {
    clear: both;
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 5px 0 15px 0;
    width: 100%;
}

/* Base Badge Styling */
.price-status-badge, 
.reserve-badge {
    display: inline-flex; 
    align-items: center;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    width: fit-content; /* Keeps the box tight around the text */
    line-height: 1.3;
}

/* Icons */
.price-status-badge i,
.reserve-badge i {
    margin-right: 6px;
    font-size: 15px;
}

/* Colors */
.badge-netto { background-color: #f0f7ff; color: #483D8B; border: 1px solid #483D8B; }
.badge-brutto { background-color: #f7fff7; color: #006400; border: 1px solid #006400; }
.badge-met { background-color: #2E8B57; color: #ffffff; border: 1px solid #004d00; }
.badge-not-met { background-color: #fff9e6; color: #D1472C; font-size: 15px; border: 1px solid #ffeeba; }


/* === FINANCIAL INVOICE LAYOUT === */
#ecars-financial-summary {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    padding: 20px;
}

.financial-invoice-layout {
    display: flex;
    flex-direction: column;
    gap: 0; /* Gaps handled by padding/borders */
}

/* Section Headers */
.fin-sec-title {
    font-size: 16px;
    font-weight: 700;
    color: #00008B; /* Brand Blue */
    margin: 10px 0 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

/* Section Containers */
.fin-section {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ccc; /* Thin Separator Line */
}

/* Remove bottom border for the last section before total */
.fin-section:last-of-type {
    border-bottom: none;
    margin-bottom: 5px;
}

/* Rows */
.cost-row {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    font-size: 14px;
}

/* Breakdown Rows (Gross / Relief) - Smaller, Greyer */
.cost-breakdown-row {
    display: flex;
    justify-content: space-between;
    padding: 2px 0 2px 15px; /* Indent */
    font-size: 14px;
    font-weight: 600;
    color: #000;
    font-style: italic;
}

.breakdown-info {
    font-size: 0.85em;
    opacity: 0.8;
    margin-left: 5px;
}

/* Highlights */
.highlight-bold .ecars-value { font-weight: 700; color: #333; }
.text-success .ecars-value { color: #2e7d32; } /* Green for Relief */
.strong-label { font-weight: 700; color: #333; }

/* Subtotals (A & B) */
.fin-subtotal-row {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    font-weight: 600;
    color: #000000;
    background: #98FB98;
    padding: 8px 10px;
    border-radius: 4px;
}

/* Grand Total (Thick Line Section) */
.financial-grand-total {
    margin-top: 20px;
    padding: 15px 20px;
    background-color: #f0fdf4;
    border: 2px solid #22c55e;
    border-top: 6px solid #3CB371;
    border-right: 6px solid #3CB371;;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.financial-grand-total .total-label {
    font-size: 16px;
    font-weight: 800;
    color: #000;
}

.financial-grand-total .total-value {
    font-size: 22px;
    font-weight: 900;
    color: #000000;
}

/* EQUIPMENT BOX /*
/* Container Box Styling */
.equipment-box {
    background: #fdfdfd;
    border: 1px solid #eee;
    padding: 25px;
    border-radius: 8px;
}

/* Three Column Layout */
.equipment-flex {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Force 3 equal columns */
    gap: 30px; /* Spacing between columns */
    margin-top: 20px;
}

/* Responsiveness: Switch to 1 column on mobile */
@media (max-width: 768px) {
    .equipment-flex {
        grid-template-columns: 1fr;
    }
}

.equipment-col h4 {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    border-bottom: 2px solid #4682B4; /* Deep Blue underline */
    padding-bottom: 8px;
    margin-bottom: 15px;
}

.equipment-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.equipment-col li {
    display: flex; /* Keeps icon aligned with start of text */
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
    color: #555;
    
    /* Crucial for Text Areas: Handles long lines */
    overflow-wrap: break-word; 
    word-break: break-word;
}

/* Blue Ticks Customization */
.equipment-col li i.fa-check {
    color: #4682B4; /* Your Corporate Blue */
    font-size: 12px;
    margin-top: 4px; /* Manual nudge to align with first line of text */
    flex-shrink: 0; /* Prevents icon from squishing on long lines */
}

.equipment-col li:nth-child(even) {
    background-color: #f9f9f9;
}