
/* METEO SANTA SUSANNA v0.96 */

/* Luftdruck kompakter und Einheit direkt neben dem Wert */
.pressure-card-v096 .current-value-row{
    align-items:center;
    gap:10px;
}

.pressure-card-v096 .value.compact{
    display:flex;
    align-items:baseline;
    gap:7px;
    min-width:0;
}

.pressure-card-v096 .value.compact span{
    font-size:3.35rem !important;
    line-height:.95;
    letter-spacing:-.035em;
    white-space:nowrap;
}

.pressure-card-v096 .value.compact small{
    display:inline !important;
    margin:0 !important;
    font-size:1rem !important;
    line-height:1;
    white-space:nowrap;
}

.pressure-card-v096 .current-value-row > .trend{
    max-width:42%;
    flex:0 1 auto;
    font-size:.78rem;
    padding:6px 8px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* Wind kompakter und vollständig innerhalb des Widgets */
.wind-card-v096 .wind-overview{
    grid-template-columns:minmax(125px,.62fr) minmax(210px,1.38fr);
    gap:14px;
}

.wind-card-v096 .windrose,
.wind-card-v096 .compass{
    transform:scale(.84);
    transform-origin:center;
}

.wind-card-v096 .wind-compass-column{
    margin:-10px 0;
}

.wind-card-v096 .wind-main-value span{
    font-size:2.15rem;
}

.wind-card-v096 .current-value-row > .trend{
    max-width:45%;
    font-size:.76rem;
    padding:6px 8px;
    white-space:normal;
}

.wind-card-v096 .wind-details-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
}

.wind-card-v096 .wind-detail{
    padding:7px 8px;
}

.wind-card-v096 .wind-detail span{
    font-size:.68rem;
}

.wind-card-v096 .wind-detail strong{
    font-size:.8rem;
}

/* Oberste Widget-Reihe auf Desktop gleich hoch */
@media (min-width:1000px){
    .temperature-card-v096,
    .humidity-card-v096{
        min-height:100%;
        height:100%;
    }

    .pressure-card-v096,
    .wind-card-v096{
        min-height:100%;
        height:100%;
    }

    .temperature-card-v096,
    .humidity-card-v096,
    .pressure-card-v096,
    .wind-card-v096{
        display:flex;
        flex-direction:column;
    }

    .temperature-card-v096 .embedded-chart,
    .humidity-card-v096 .embedded-chart,
    .pressure-card-v096 .embedded-chart,
    .wind-card-v096 .embedded-chart{
        margin-top:auto;
    }
}

/* Einheitliche Innenabstände */
.temperature-card-v096,
.humidity-card-v096,
.pressure-card-v096,
.wind-card-v096{
    padding:16px;
}

/* Noch engere Darstellung auf mittleren Desktopbreiten */
@media (min-width:900px) and (max-width:1250px){
    .pressure-card-v096 .value.compact span{
        font-size:2.9rem !important;
    }

    .pressure-card-v096 .current-value-row > .trend{
        max-width:40%;
        font-size:.72rem;
    }

    .wind-card-v096 .wind-overview{
        grid-template-columns:minmax(110px,.55fr) minmax(190px,1.45fr);
        gap:10px;
    }

    .wind-card-v096 .windrose,
    .wind-card-v096 .compass{
        transform:scale(.76);
    }

    .wind-card-v096 .wind-main-value span{
        font-size:1.9rem;
    }

    .wind-card-v096 .wind-detail{
        padding:6px;
    }
}

@media (max-width:760px){
    .pressure-card-v096 .value.compact span{
        font-size:2.65rem !important;
    }

    .pressure-card-v096 .current-value-row{
        align-items:flex-start;
    }

    .pressure-card-v096 .current-value-row > .trend{
        max-width:48%;
        white-space:normal;
    }

    .wind-card-v096 .windrose,
    .wind-card-v096 .compass{
        transform:scale(.82);
    }

    .wind-card-v096 .wind-details-grid{
        grid-template-columns:1fr;
    }
}
