.vento-map-card {
    overflow: hidden;
}

.vento-map {
    height: min(72vh, 560px);
    min-height: 340px;
    width: 100%;
    background: #e8ecef;
}

.vento-map .leaflet-container {
    background: #e8ecef;
    font: inherit;
}

/*
 * leaflet-velocity disegna un canvas quasi opaco (default 0.97) → rettangolo scuro.
 * Con basemap chiara abbassiamo solo l'opacità così si legge la geografia sotto.
 */
.vento-map .velocity-overlay {
    opacity: 0.82 !important;
}

.vento-map .leaflet-control-velocity {
    background-color: rgba(255, 255, 255, 0.9);
}

.vento-legend-bar {
    height: 14px;
    border-radius: 4px;
    background: linear-gradient(
        to right,
        rgb(36, 104, 180),
        rgb(60, 157, 194),
        rgb(128, 205, 193),
        rgb(151, 218, 168),
        rgb(252, 217, 125),
        rgb(255, 182, 100),
        rgb(252, 150, 75),
        rgb(250, 112, 52),
        rgb(245, 64, 32),
        rgb(237, 45, 28),
        rgb(220, 24, 32),
        rgb(180, 0, 35)
    );
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.vento-info-list dt {
    font-weight: 600;
    margin-top: 0.55rem;
}

.vento-info-list dt:first-child {
    margin-top: 0;
}

.vento-info-list dd {
    margin-bottom: 0;
    color: var(--bs-secondary-color);
}

.vento-slider:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.vento-slider {
    cursor: pointer;
}