/*
 * Text Ellipsis Fix and Price Padding Reduction
 * This CSS ONLY fixes the text ellipsis for car year/make/model/trim and reduces price padding
 */

/* Fix for car year/make/model/trim - EXTREMELY specific selector to ensure override */
.car-card .card .card-body .d-flex div .car-year,
.car-card .card .card-body div div .car-year,
.car-card .card-body .d-flex div .car-year,
.car-card .card-body div div .car-year,
div.car-card div.card div.card-body div.d-flex div div.car-year,
.car-year {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
    display: block !important;
    max-width: 100% !important;
}

/* Fix for card title - EXTREMELY specific selector to ensure override */
.car-card .card .card-body .d-flex h8.card-title,
.car-card .card-body .d-flex h8.card-title,
.car-card .card-body div h8.card-title,
div.car-card div.card div.card-body div.d-flex div h8.card-title,
h8.card-title {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
    display: block !important;
    max-width: 100% !important;
}

/* Reduce price padding by 50% - VERY specific selector to ensure override */
.car-card .card .card-body .car-price {
    padding: 0.25rem 0 !important; /* Original padding */
}

/* Reduce price padding by 50% - VERY specific selector to ensure override */
.car-card .card .card-body .car-price {
    padding: 0.125rem 0 !important; /* Reduced by 50% */
}

/* Responsive adjustments for price padding */
@media (max-width: 768px) {
    .car-card .card .card-body .car-price {
        padding: 0.075rem 0 !important; /* Reduced by 50% from 0.15rem */
    }
}

@media (max-width: 576px) {
    .car-card .card .card-body .car-price {
        padding: 0.05rem 0 !important; /* Reduced by 50% from 0.1rem */
    }
}