/* METEO SANTA SUSANNA v0.999 */

/* Mehr Luft zwischen Live-Leiste / Warnung und Dashboard */
.status{
    margin-bottom:12px !important;
}

.weather-warning-v0999{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin:14px auto 24px;
    max-width:1200px;
    padding:10px 14px;
    border:1px solid #b4232b;
    border-radius:12px;
    background:linear-gradient(180deg,#fff0f1 0%,#ffe5e7 100%);
    color:#8f1820;
    box-shadow:0 5px 16px rgba(143,24,32,.08);
}

.weather-warning-v0999 strong{
    font-size:.9rem;
    text-transform:uppercase;
    letter-spacing:.04em;
    white-space:nowrap;
}

.weather-warning-v0999 span{
    font-size:.82rem;
    text-align:right;
}

/* Dashboard beginnt mit deutlichem Abstand */
.dashboard-v0996{
    margin-top:0 !important;
}

/* Einheitliche Kartenoptik */
.dashboard-v0996 .card{
    border-radius:20px !important;
    padding:16px !important;
}

.dashboard-v0996 .card > h2{
    min-height:28px;
    margin-bottom:12px;
}

/* Obere Reihe weiterhin 50/50 */
@media (min-width:800px){
    .v0996-top-grid{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
        gap:16px !important;
        align-items:stretch !important;
    }

    .v0996-top-grid > .card{
        height:100% !important;
    }
}

/*
 * Untere Reihe exakt ausgleichen:
 * Luftdruck | Wind | Regen
 */
@media (min-width:1051px){
    .v0996-lower-grid{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:16px !important;
        align-items:stretch !important;
    }

    .v0996-left,
    .v0996-center,
    .v0996-right{
        display:grid !important;
        grid-template-rows:auto auto;
        gap:16px !important;
        align-content:start;
        min-width:0;
    }

    /* Die drei oberen unteren Widgets gleich hoch */
    .v0996-pressure,
    .v0996-wind,
    .v0996-rain{
        min-height:820px !important;
        height:820px !important;
        display:flex !important;
        flex-direction:column;
        overflow:hidden;
    }

    /* Diagramme in den drei Widgets auf gleiche Grundhöhe bringen */
    .v0996-pressure .embedded-chart,
    .v0996-wind .embedded-chart,
    .v0996-rain .embedded-chart{
        margin-top:auto !important;
        padding-top:12px !important;
    }

    .v0996-pressure .embedded-chart .v05-chart-wrap,
    .v0996-wind .embedded-chart .v05-chart-wrap,
    .v0996-rain .embedded-chart .v05-chart-wrap{
        min-height:145px !important;
        height:145px !important;
    }

    .v0996-pressure .embedded-chart svg,
    .v0996-wind .embedded-chart svg,
    .v0996-rain .embedded-chart svg{
        max-height:180px !important;
    }

    /* Untere zweite Ebene sauber angleichen */
    .v0996-uvsolar,
    .v0996-webcam{
        min-height:430px !important;
        height:430px !important;
        display:flex !important;
        flex-direction:column;
    }

    .v0996-webcam-link{
        flex:1 1 auto;
        min-height:0;
    }

    .v0996-webcam-image{
        width:100%;
        height:100% !important;
        object-fit:cover;
    }

    .v0996-uvsolar .uv-solar-chart-grid{
        margin-top:auto;
    }
}

/* Einheitliche Tabellen */
.dashboard-v0996 .widget-history-block{
    border-radius:15px !important;
    padding:11px !important;
}

.dashboard-v0996 .widget-history-table{
    width:100%;
    table-layout:fixed;
}

.dashboard-v0996 .widget-history-table th,
.dashboard-v0996 .widget-history-table td{
    padding-top:6px !important;
    padding-bottom:6px !important;
}

/* Regen bleibt etwas kompakter, ohne zu viel Leerraum */
.v0996-rain .mb-rain-row{
    padding-top:6px !important;
    padding-bottom:6px !important;
}

/* Tablet: keine festen Höhen */
@media (max-width:1050px){
    .v0996-pressure,
    .v0996-wind,
    .v0996-rain,
    .v0996-uvsolar,
    .v0996-webcam{
        min-height:0 !important;
        height:auto !important;
    }
}

/* Smartphone */
@media (max-width:799px){
    .weather-warning-v0999{
        align-items:flex-start;
        flex-direction:column;
        margin-bottom:18px;
    }

    .weather-warning-v0999 span{
        text-align:left;
    }
}