
/* METEO SANTA SUSANNA v0.95 */

/* 1. Temperaturgrafik rot */
.embedded-chart.temperature .v05-chart-line{
    stroke:#d33b3b !important;
}
.embedded-chart.temperature .v05-chart-area{
    fill:rgba(211,59,59,.14) !important;
}

/* 2. Regen bleibt blau; Null ist die feste Untergrenze */
.embedded-chart.rain .v05-chart-line{
    stroke:#2377d1 !important;
}
.embedded-chart.rain .v05-chart-area{
    fill:rgba(35,119,209,.14) !important;
}

/* 3. Aufgeräumtes Wind-Widget */
.wind-card-v095{
    display:block;
}

.wind-overview{
    display:grid;
    grid-template-columns:minmax(150px,.75fr) minmax(220px,1.25fr);
    gap:22px;
    align-items:center;
}

.wind-compass-column{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:0;
}

.wind-card-v095 .windrose{
    margin:0 auto;
}

.wind-direction-line{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:7px;
    margin-top:8px;
    font-size:.85rem;
    color:#596a7b;
}

.wind-direction-line strong{
    color:#17212b;
}

.wind-data-column{
    min-width:0;
}

.wind-main-row{
    margin-bottom:12px;
}

.wind-main-value{
    white-space:nowrap;
}

.wind-main-value span{
    font-size:2.45rem;
    font-weight:800;
    line-height:1;
}

.wind-main-value small{
    margin-left:5px;
    font-size:.92rem;
    font-weight:600;
}

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

.wind-detail{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:9px 10px;
    border:1px solid rgba(83,105,128,.16);
    border-radius:12px;
    background:rgba(248,250,252,.72);
    min-width:0;
}

.wind-detail span{
    font-size:.76rem;
    color:#607080;
}

.wind-detail strong{
    font-size:.9rem;
    color:#17212b;
    white-space:nowrap;
}

.wind-card-v095 .embedded-chart{
    margin-top:16px;
}

.wind-card-v095 .widget-history-block{
    margin-top:16px;
}

@media (max-width:760px){
    .wind-overview{
        grid-template-columns:1fr;
        gap:14px;
    }

    .wind-data-column{
        width:100%;
    }

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

    .wind-detail{
        flex-direction:row;
        justify-content:space-between;
        align-items:center;
    }
}

@media (max-width:420px){
    .wind-main-value span{
        font-size:2rem;
    }

    .wind-main-row{
        align-items:flex-start;
    }
}
