/**
 * mod_altea_meteo - stili di base, volutamente leggeri.
 * I template dei siti che stilizzano già .weather-info-box / .forecastdays
 * possono disattivare questo foglio dal parametro "Carica CSS del modulo".
 */

.mod-alteameteo .forecastdays {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
    text-align: center;
}

.mod-alteameteo .forecastdays li {
    flex: 1 1 0;
    min-width: 3.5rem;
}

.mod-alteameteo .forecastdays .date {
    font-size: 0.85em;
    text-transform: capitalize;
}

.mod-alteameteo .forecastdays .icon img {
    width: 2.5rem;
    height: auto;
}

.mod-alteameteo .forecastdays .max {
    font-weight: 600;
}

.mod-alteameteo .forecastdays .min {
    opacity: 0.6;
}

.mod-alteameteo .forecastdays .max::after,
.mod-alteameteo .forecastdays .min::after {
    content: "\00b0";
}

.mod-alteameteo .floater img {
    max-width: 100%;
    height: auto;
}

.mod-alteameteo .body p {
    margin: 0 0 0.75rem;
}

.mod-alteameteo .meteo_link {
    font-size: 0.8em;
    opacity: 0.7;
}

.mod-alteameteo--compact .data {
    font-size: 0.9em;
    text-transform: capitalize;
}

.mod-alteameteo--compact .temperature {
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.2;
}

.mod-alteameteo--compact .details {
    font-size: 0.9em;
}