/* ============================================
 * Module: Vehicles
 * Source views: index, show
 * ============================================ */

/* --- Index: Card Styles --- */
.vehicle-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.vehicle-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
}
.vehicle-card .card-title a:hover {
    color: var(--site-primary) !important;
}
.vehicle-card-list {
    transition: box-shadow 0.2s ease;
}
.vehicle-card-list:hover {
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
}

/* --- Show: Gallery --- */
.vehicle-gallery { background: #fff; }
.gallery-main-img { width: 100%; max-height: 500px; object-fit: cover; border-radius: 8px; display: block; }
.gallery-thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.gallery-thumb { width: 80px; height: 60px; object-fit: cover; border-radius: 4px; cursor: pointer; border: 2px solid transparent; transition: border-color 0.2s, box-shadow 0.2s; }
.gallery-thumb:hover { border-color: var(--site-primary); }
.gallery-thumb.active { border-color: var(--site-primary); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15); }
.gallery-caption { font-size: 0.9rem; font-style: italic; }

/* --- Show: Description --- */
.vehicle-description { font-size: 1.05rem; line-height: 1.8; max-width: 780px; }

/* --- Show: Ad Positions --- */
.ad-floating-left { position: fixed; left: 10px; top: 50%; transform: translateY(-50%); z-index: 100; max-width: 160px; }
@media (max-width: 1400px) { .ad-floating-left { display: none !important; } }
.ad-position { text-align: center; }
.ad-position img { max-width: 100%; height: auto; }