/**
 * @file css/mod_latestvehicles.css
 * @version 1.0.0
 * @author Brendan Hedges
 * @copyright (C) 2025 Lush Domain
 * @license GPL v2 or later
 */

/* Ensure consistent card heights */
.mod-latestvehicles .vehicle-card {
    display: flex;
    flex-direction: column;
}

/* Let images be their natural height - don't crop or distort */
.mod-latestvehicles .vehicle-card .card-img-top {
    width: 100%;
    height: auto;
}

/* Make card body flexible to push button to bottom */
.mod-latestvehicles .vehicle-card .card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Fixed height for title area to maintain consistency */
.mod-latestvehicles .vehicle-card .card-title {
    min-height: 2.5em;
    line-height: 1.25em;
    margin-bottom: 0.5rem;
}

/* Fixed height for derivative to prevent layout shifts */
.mod-latestvehicles .vehicle-card .card-text.text-muted {
    min-height: 1.5em;
}

/* Make specs list take up remaining space */
.mod-latestvehicles .vehicle-card .list-unstyled {
    flex-grow: 1;
}

/* Keep price at consistent position */
.mod-latestvehicles .vehicle-card .text-primary {
    margin-top: auto;
}

/* Ensure button stays at bottom */
.mod-latestvehicles .vehicle-card .btn {
    margin-top: 0.5rem;
}

/* Add subtle hover effect */
.mod-latestvehicles .vehicle-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.mod-latestvehicles .vehicle-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}