﻿:root {
    --dealer-card-bg: rgba(248,251,255,.97);
    --dealer-card-text: #172033;
    --dealer-card-border: rgba(160,185,220,.24);
    --dealer-accent: #62b7f5;
}

/* Risultati / card speciali */

.guided-results-container,
.detail-shell,
.compare-shell {
    position: relative;
    z-index: 20;
}

.results-hero-card,
.results-section-card,
.vehicle-card,
.vehicle-card-featured,
.detail-card,
.compare-top-card,
.compare-col-card,
.glass-cta,
.compare-drawer-inner {
    background: var(--dealer-card-bg) !important;
    color: var(--dealer-card-text) !important;
    border: 1px solid var(--dealer-card-border) !important;
    box-shadow: 0 16px 40px rgba(18,30,54,.12);
}

.results-hero-card,
.results-section-card,
.vehicle-card-featured,
.detail-card,
.compare-top-card,
.compare-col-card,
.glass-cta {
    border-radius: 24px !important;
}

    .results-hero-card h1,
    .results-section-card h3,
    .vehicle-card h3,
    .vehicle-featured-title,
    .detail-title,
    .detail-section-title,
    .compare-page-title,
    .compare-col-title,
    .detail-price,
    .vehicle-price,
    .vehicle-featured-price {
        color: var(--dealer-card-text) !important;
    }

    .results-hero-card .lead,
    .results-section-card p,
    .vehicle-desc,
    .vehicle-meta,
    .vehicle-featured-desc,
    .detail-subtitle,
    .compare-page-subtitle,
    .compare-col-subtitle {
        color: color-mix(in srgb, var(--dealer-card-text) 72%, white 28%) !important;
    }

.ai-badge,
.detail-badge,
.hero-kicker,
.compare-kicker,
.detail-kicker,
.equip-group-title {
    color: var(--dealer-accent) !important;
}

.results-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 26px;
}

.vehicle-card {
    overflow: hidden;
}

.vehicle-body {
    padding: 18px 20px 20px 20px;
}

@media (max-width: 1180px) {
    .results-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    .results-grid {
        grid-template-columns: 1fr;
    }
}
