* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #111;
    background: #fff;
}

 .wrap {
    width: 100%;
    padding: 0 8px 20px;
}

/* V36 – pouze desktop:
   odstranění 20px nadbytku, který vytvářel svislý scrollbar iframe.
   Mobilní pravidla zůstávají nedotčena. */
@media (min-width: 801px) {
    .wrap {
        padding-bottom: 0;
    }

    html,
    body {
        overflow-y: hidden;
    }
}

.note {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.25;
}

.chmu-layout {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 8px;
    padding: 0;
    align-items: start;
}

.chmu-radar-panel {
    min-width: 0;
}

.chmu-radar-map {
    position: relative;
    width: 100%;
    height: 390px;
    min-height: 390px;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    overflow: hidden;
    background: #dceff5;
}

/* Leaflet – stejné odsazení zoomu jako doprava */
.chmu-radar-map .leaflet-control-zoom {
    margin-top: 8px;
    margin-left: 8px;
}

.chmu-radar-map .leaflet-control-zoom a {
    font-size: 18px;
}

.chmu-radar-map .leaflet-container {
    width: 100%;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

.chmu-radar-map .leaflet-image-layer {
    z-index: 300 !important;
}

.chmu-radar-map .leaflet-control {
    z-index: 1000;
}

/* Kompaktní barevné kostky – stejné místo jako předtím. */
.radar-timeline {
    position: absolute;
    z-index: 1100;
    left: 10px;
    bottom: 10px;
    width: 285px;
    max-width: calc(100% - 20px);
    height: 34px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 4px;
    border: 1px solid rgba(36, 75, 112, .65);
    border-radius: 5px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 1px 5px rgba(0,0,0,.24);
}

.radar-play,
.radar-reset {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 1px solid #214d78;
    border-radius: 4px;
    background: #173f67;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
}

.radar-play:hover,
.radar-reset:hover {
    background: #245b8f;
}

.radar-cubes {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 2px;
    overflow: hidden;
}

.radar-time-cube {
    flex: 1 1 0;
    min-width: 0;
    height: 24px;
    padding: 0 3px;
    border: 1px solid rgba(0,0,0,.22);
    border-radius: 4px;
    color: #fff;
    font-size: 9px;
    line-height: 22px;
    font-weight: 700;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    user-select: none;
    text-shadow: 0 1px 1px rgba(0,0,0,.22);
}

.radar-time-cube:hover {
    filter: brightness(1.08);
}

.radar-time-cube-0 { background: #3f8edb; }
.radar-time-cube-1 { background: #25a7a0; }
.radar-time-cube-2 { background: #42a85f; }
.radar-time-cube-3 { background: #d2aa35; }
.radar-time-cube-4 { background: #e58a35; }
.radar-time-cube-5 { background: #df5c45; }
.radar-time-cube-6 { background: #c84455; }

.radar-time-cube.active {
    filter: brightness(.82) saturate(1.15);
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(0,0,0,.35);
}

.radar-timeline-error {
    position: absolute;
    z-index: 1200;
    left: 10px;
    right: 10px;
    bottom: 52px;
    padding: 5px 7px;
    border: 1px solid #e3a2a2;
    border-radius: 3px;
    background: rgba(255,245,245,.97);
    color: #a00000;
    font-size: 11px;
    line-height: 1.25;
}

.meta {
    padding-top: 6px;
    color: #587080;
    font-size: 12px;
    line-height: 1.35;
}

.meta .error {
    color: #c00000;
    font-weight: 700;
}

/* Počasí – pouze radar. */
.chmu-weather-panel {
    min-width: 0;
    border: 1px solid #c2d1dc;
    border-radius: 5px;
    overflow: hidden;
    background: #f7f9fa;
    box-shadow: 0 1px 3px rgba(31,62,84,.08);
}

.weather-title {
    padding: 9px 11px;
    border-bottom: 1px solid #c2d1dc;
    background: #edf4f8;
    color: #173f67;
    font-size: 16px;
    font-weight: 700;
}

.weather-status {
    padding: 8px 11px 1px;
    color: #587080;
    font-size: 12px;
}

.weather-days {
    padding-bottom: 0;
}

.weather-day {
    padding: 10px 11px 11px;
    border-bottom: 1px solid #d7dee4;
}

.weather-day:last-child {
    border-bottom: 0;
}

.weather-day-title {
    margin-bottom: 6px;
    color: #173f67;
    font-size: 16px;
    font-weight: 700;
}

.weather-main {
    display: flex;
    align-items: center;
    gap: 10px;
}

.weather-icon {
    width: 34px;
    flex: 0 0 34px;
    font-size: 29px;
    text-align: center;
}

.weather-temp {
    font-size: 20px;
    font-weight: 700;
}

.weather-desc {
    margin-top: 1px;
    font-size: 15px;
}

.weather-rain {
    margin-top: 7px;
    color: #587080;
    font-size: 12px;
}

.weather-error {
    color: #a00000;
    font-weight: 700;
}

@media (max-width: 800px) {
    .chmu-layout {
        display: block;
    }

    .chmu-weather-panel {
        margin-top: 8px;
        max-width: none;
    }

    .chmu-radar-map {
        height: 340px;
        min-height: 340px;
    }
}

@media (max-width: 600px) {
    .wrap {
        padding: 0 4px 15px;
    }

    .note {
        font-size: 14px;
    }

    .chmu-radar-map {
        height: 300px;
        min-height: 300px;
    }

    .radar-timeline {
        left: 7px;
        bottom: 22px;
        width: 270px;
        max-width: calc(100% - 14px);
        height: 32px;
        padding: 3px 4px;
        gap: 3px;
    }

    .radar-play,
    .radar-reset {
        flex-basis: 23px;
        width: 23px;
        height: 23px;
        line-height: 21px;
    }

    .radar-time-cube {
        height: 22px;
        line-height: 20px;
        font-size: 8px;
        padding: 0 2px;
    }
}

.radar-timeline[hidden],
.radar-timeline-error[hidden] {
    display: none !important;
}


/* Map controls – compact and consistent with the radar UI. */
.radar-home-control {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: #fff;
    color: #173f67;
    box-shadow: 0 1px 4px rgba(0,0,0,.28);
    font-size: 19px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

.radar-home-control:hover {
    background: #edf4f8;
}

.leaflet-control-layers {
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.28) !important;
}

.leaflet-control-layers-toggle {
    width: 30px !important;
    height: 30px !important;
}

.chmu-weather-panel {
    min-height: 390px;
    height: 390px;
    display: flex;
    flex-direction: column;
}

.weather-days {
    flex: 0 0 auto;
}

.weather-info {
    margin: 8px 11px 0;
    padding-top: 9px;
    border-top: 1px solid #d7dee4;
}

.weather-info-title {
    margin-bottom: 6px;
    color: #173f67;
    font-size: 14px;
    font-weight: 700;
}

.weather-info-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 3px 0;
    color: #405a6b;
    font-size: 12px;
}

.weather-info-row strong {
    color: #173f67;
    font-weight: 700;
}

@media (max-width: 800px) {
    .chmu-weather-panel {
        min-height: 0;
        height: auto;
    }
}

.weather-subtitle {
    padding: 7px 11px 0;
    color: #6b7e8c;
    font-size: 11px;
}


/* =========================================================
   V31 – kompaktní obsah panelu Počasí
   Pouze vnitřní obsah; rozměry mapy/rámu se nemění.
   ========================================================= */
.weather-days {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

.weather-day {
    padding: 6px 11px 7px;
    border-bottom: 1px solid #d7dee4;
}

.weather-day-title {
    margin-bottom: 3px;
    color: #173f67;
    font-size: 14px;
    font-weight: 700;
}

.weather-main {
    gap: 7px;
}

.weather-icon {
    width: 30px;
    flex: 0 0 30px;
    font-size: 25px;
}

.weather-temp {
    font-size: 18px;
    line-height: 1.15;
}

.weather-desc {
    font-size: 13px;
}

.weather-rain {
    margin-top: 4px;
    font-size: 11px;
}

.weather-info {
    margin: 0 11px;
    padding: 6px 0 4px;
    border-top: 0;
}

.weather-info-title {
    margin-bottom: 3px;
    color: #173f67;
    font-size: 14px;
    font-weight: 700;
}

.weather-info-row {
    padding: 2px 0;
    font-size: 11px;
    line-height: 1.2;
    border-bottom: 1px solid #e4e9ed;
}

.weather-info-row:last-child {
    border-bottom: 0;
}

.weather-info-row strong {
    color: #173f67;
    white-space: nowrap;
}


/* =========================================================
   V32 – Počasí: stylování AKTUÁLNÍHO DOM z weather.js
   Pouze obsah pravého panelu.
   Rozměry mapy a hlavního rámu se nemění.
   Bez vnitřního scrollbaru.
   ========================================================= */

.chmu-weather-panel {
    box-sizing: border-box;
    overflow: hidden !important;
}

.chmu-weather-panel .weather-days {
    box-sizing: border-box;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden !important;
    padding: 0 !important;
}

/* Dnes + aktuální podmínky */
.chmu-weather-panel .weather-today {
    display: grid !important;
    grid-template-columns: 42% 58%;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0 10px;
}

.chmu-weather-panel .weather-today-forecast {
    box-sizing: border-box;
    min-width: 0;
    padding: 5px 10px 5px 0;
    border-bottom: 1px solid #d7dee4;
}

.chmu-weather-panel .weather-section-title {
    margin: 0 0 4px;
    color: #173f67;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
}

.chmu-weather-panel .weather-today-main {
    display: flex;
    align-items: center;
    gap: 7px;
}

.chmu-weather-panel .weather-today-icon {
    flex: 0 0 29px;
    width: 29px;
    font-size: 25px;
    line-height: 29px;
    text-align: center;
}

.chmu-weather-panel .weather-today-text {
    min-width: 0;
}

.chmu-weather-panel .weather-temp {
    color: #111;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    white-space: nowrap;
}

.chmu-weather-panel .weather-desc {
    margin-top: 1px;
    color: #111;
    font-size: 13px;
    line-height: 16px;
}

.chmu-weather-panel .weather-rain {
    margin-top: 4px;
    color: #587080;
    font-size: 11px;
    line-height: 14px;
}

/* Aktuální podmínky */
.chmu-weather-panel .weather-current {
    box-sizing: border-box;
    min-width: 0;
    margin: 5px 0 0;
    padding: 0 0 5px 10px;
    border-left: 1px solid #d7dee4;
    border-bottom: 1px solid #d7dee4;
}

.chmu-weather-panel .weather-current-title {
    margin: 0 0 3px;
    color: #173f67;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
}

.chmu-weather-panel .weather-current-list {
    width: 100%;
}

.chmu-weather-panel .weather-current-item {
    display: flex !important;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
    box-sizing: border-box;
    min-height: 16px;
    padding: 1px 0;
    border-bottom: 1px solid #e4e9ed;
    color: #526b7a;
    font-size: 11px;
    line-height: 14px;
}

.chmu-weather-panel .weather-current-item:last-child {
    border-bottom: 0;
}

.chmu-weather-panel .weather-current-item span {
    min-width: 0;
}

.chmu-weather-panel .weather-current-item strong {
    flex: 0 0 auto;
    color: #173f67;
    font-weight: 700;
    white-space: nowrap;
}

/* Další týden */
.chmu-weather-panel .weather-future {
    box-sizing: border-box;
    padding: 0 10px;
}

.chmu-weather-panel .weather-future-title {
    margin: 5px 0 1px;
}

.chmu-weather-panel .weather-future-row {
    display: grid !important;
    grid-template-columns: 55px 25px minmax(0, 1fr) 58px 37px;
    align-items: center;
    box-sizing: border-box;
    min-height: 25px;
    height: 25px;
    padding: 0;
    border-top: 1px solid #d7dee4;
    color: #526b7a;
    font-size: 10px;
    line-height: 12px;
}

.chmu-weather-panel .weather-future-day {
    color: #173f67;
    font-weight: 700;
    white-space: nowrap;
}

.chmu-weather-panel .weather-future-icon {
    font-size: 17px;
    line-height: 20px;
    text-align: center;
}

.chmu-weather-panel .weather-future-desc {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.chmu-weather-panel .weather-future-temp {
    color: #526b7a;
    text-align: right;
    white-space: nowrap;
}

.chmu-weather-panel .weather-future-temp strong {
    color: #173f67;
    font-weight: 700;
}

.chmu-weather-panel .weather-future-rain {
    color: #526b7a;
    text-align: right;
    white-space: nowrap;
}

/* V úzkém panelu se informace skládají pod sebe,
   ale stále bez scrollování. */
@media (max-width: 800px) {
    .chmu-weather-panel .weather-today {
        display: block !important;
    }

    .chmu-weather-panel .weather-today-forecast {
        padding-right: 0;
    }

    .chmu-weather-panel .weather-current {
        margin-top: 0;
        padding: 5px 0;
        border-left: 0;
    }

    .chmu-weather-panel .weather-future-row {
        grid-template-columns: 50px 24px minmax(0, 1fr) 55px 35px;
    }
}

/* V37 – pouze mobilní zobrazení:
   informační panel Počasí se nesmí ořezávat ani vnitřně scrollovat.
   Desktop zůstává beze změny. */
@media (max-width: 600px) {
    .chmu-weather-panel {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .chmu-weather-panel .weather-days {
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

/* =========================================================
   V39 – sjednocení Layers + Home
   ========================================================= */

.leaflet-control-layers {
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 5px rgba(0,0,0,.35) !important;
}

.leaflet-control-layers-toggle {
    width: 34px !important;
    height: 34px !important;
    box-sizing: border-box !important;
    background-size: 26px 26px !important;
}

.leaflet-control-reset-view {
    width: 34px !important;
    height: 34px !important;
    margin-top: 6px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(0,0,0,.2) !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: 0 1px 5px rgba(0,0,0,.35) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.leaflet-control-reset-view svg {
    width: 18px !important;
    height: 18px !important;
}

.leaflet-control-layers-toggle,
.leaflet-control-reset-view svg {
    filter: none !important;
}

/* V42 – mobilní srovnání začátku CHMÚ mapy */
@media (max-width: 600px) {
    .chmu-radar-map {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

/* V43 – mobilní počasí: srovnání mapy se záložkou */
@media (max-width: 600px) {
    .chmu-radar-map {
        margin-left: -8px !important;
        width: calc(100% + 8px) !important;
    }
}

/* V44 – mobilní počasí: stejné zaoblení mapy jako doprava */
@media (max-width: 600px) {
    .chmu-radar-map {
        border-radius: 4px !important;
        overflow: hidden !important;
    }
}

/* V45 – mobilní počasí: zaoblení přímo na Leaflet mapovém kontejneru */
@media (max-width: 600px) {
    .chmu-radar-map.leaflet-container,
    .chmu-radar-map .leaflet-container {
        border-radius: 4px !important;
        overflow: hidden !important;
    }
}

/* V46 – pouze mobilní počasí: skutečné oříznutí rohů Leaflet mapy */
@media (max-width: 600px) {
    #chmuRadarMap,
    #chmuRadarMap .leaflet-container {
        border-radius: 5px !important;
        overflow: hidden !important;
        clip-path: inset(0 round 5px) !important;
    }
}

/* V47 – pouze mobilní počasí: posun panelu místo samotné mapy.
   Díky tomu zůstane celý mapový kontejner uvnitř svého rodiče
   a levé rohy se mohou korektně vykreslit. */
@media (max-width: 600px) {
    .chmu-radar-panel {
        margin-left: -8px !important;
        width: calc(100% + 8px) !important;
    }

    .chmu-radar-map {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

/* V48 – pouze mobil na výšku:
   Srovnání počasí s dopravou bez posouvání mapy mimo viewport.
   Důvod: předchozí V47 posouvala celý panel o -8 px,
   čímž se levý zaoblený roh dostal mimo iframe.
   Zrušíme posun panelu i mapy a odstraníme pouze vnitřní
   mobilní odsazení .wrap. Desktop zůstává beze změny. */
@media (max-width: 600px) and (orientation: portrait) {
    .wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .chmu-radar-panel {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .chmu-radar-map {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

/* V49 – pouze mobil na výšku:
   Dnes + Aktuální podmínky vedle sebe jako na desktopu.
   Desktop i mobil na šířku zůstávají beze změny. */
@media (max-width: 600px) and (orientation: portrait) {
    .chmu-weather-panel .weather-today {
        display: grid !important;
        grid-template-columns: 42% 58% !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    .chmu-weather-panel .weather-today-forecast {
        padding: 5px 8px 5px 0 !important;
        border-bottom: 1px solid #d7dee4;
    }

    .chmu-weather-panel .weather-current {
        margin: 5px 0 0 !important;
        padding: 0 0 5px 8px !important;
        border-left: 1px solid #d7dee4 !important;
        border-bottom: 1px solid #d7dee4;
    }
}

/* =========================================================
   ALADIN – jednoduchý hodinový proužek
   ========================================================= */
.chmu-weather-panel .aladin-widget {
    background:#edf5fa;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 3px 0 4px;
    padding: 0;
    overflow: hidden;
}
.chmu-weather-panel .aladin-widget[hidden] { display:none !important; }
.chmu-weather-panel .aladin-strip {
    display:flex; align-items:stretch; width:100%; min-width:0; height:31px;
    background:#edf5fa;
    overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch; touch-action:pan-x;
    border-bottom:1px solid #d7dee4;
}
.chmu-weather-panel .aladin-strip::-webkit-scrollbar { display:none; }
.chmu-weather-panel .aladin-hour {
    background:transparent;
    flex:0 0 46px; width:46px; height:30px; box-sizing:border-box;
    display:grid; grid-template-columns:18px 28px; grid-template-rows:12px 17px;
    align-items:center; justify-items:center; border-right:1px solid #e1e6ea;
    color:#173f67; font-size:9px; line-height:12px; white-space:nowrap;
}
.chmu-weather-panel .aladin-hour:first-child { border-left:1px solid #e1e6ea; }
.chmu-weather-panel .aladin-time {
    grid-column:1 / 3; font-size:8px; line-height:11px; font-weight:700; color:#173f67;
}
.chmu-weather-panel .aladin-icon { width:22px; height:17px; line-height:17px; display:flex; align-items:center; justify-content:center; }
.chmu-weather-panel .aladin-icon {
    overflow: hidden;
}

.chmu-weather-panel .aladin-icon svg { width:22px; height:17px; display:block; }
.chmu-weather-panel .aladin-temp { font-size:10px; line-height:16px; font-weight:700; color:#173f67; }
.chmu-weather-panel .aladin-rain, .chmu-weather-panel .aladin-source { display:none; }
@media (max-width:600px) {
    .chmu-weather-panel .aladin-hour { flex-basis:44px; width:44px; height:29px; grid-template-columns:17px 27px; }
    .chmu-weather-panel .aladin-icon { width:22px; height:17px; line-height:17px; display:flex; align-items:center; justify-content:center; }
.chmu-weather-panel .aladin-icon svg { width:22px; height:17px; display:block; }
    .chmu-weather-panel .aladin-strip { height:30px; }
}


/* ALADIN – ovládání horizontálního posunu */
.chmu-weather-panel .aladin-widget {
    position: relative;
}
.chmu-weather-panel .aladin-strip {
    cursor: grab;
    user-select: none;
}
.chmu-weather-panel .aladin-strip.aladin-dragging {
    cursor: grabbing;
}
.chmu-weather-panel .aladin-scroll-hint {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border: 1px solid #b8c8d5;
    border-radius: 50%;
    background: rgba(255,255,255,.92);
    color: #173f67;
    font-size: 19px;
    line-height: 19px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
    cursor: pointer;
    z-index: 5;
    padding: 0;
}
.chmu-weather-panel .aladin-scroll-hint.left {
    left: 2px;
    right: auto;
}
.chmu-weather-panel .aladin-scroll-hint[hidden] {
    display: none !important;
}


/* =========================================================
   ALADIN V10 – kompaktnější hlavička počasí
   Podnadpis a čas aktualizace se zobrazují vpravo v hlavičce.
   Díky tomu získáme výšku pro větší hodinovou lištu a další dny.
   ========================================================= */
.chmu-weather-panel {
    position: relative;
}

.chmu-weather-panel .weather-title {
    position: relative;
    min-height: 46px;
    padding: 8px 11px;
    padding-right: 52%;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
}

.chmu-weather-panel .weather-title-name {
    display: block;
    line-height: 20px;
}

.chmu-weather-panel .weather-title-subtitle {
    position: absolute;
    top: 8px;
    right: 11px;
    width: 47%;
    color: #6b7e8c;
    font-size: 11px;
    line-height: 18px;
    font-weight: 400;
    text-align: right;
}

.chmu-weather-panel .weather-status {
    position: absolute;
    top: 26px;
    right: 11px;
    width: 47%;
    padding: 0;
    margin: 0;
    color: #587080;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
}

.chmu-weather-panel .aladin-strip {
    height: 43px;
}

.chmu-weather-panel .aladin-hour {
    flex-basis: 48px;
    width: 48px;
    height: 42px;
    grid-template-columns: 20px 28px;
    grid-template-rows: 15px 26px;
}

.chmu-weather-panel .aladin-time {
    font-size: 9px;
    line-height: 14px;
}

.chmu-weather-panel .aladin-icon {
    width: 25px;
    height: 22px;
    line-height: 22px;
}

.chmu-weather-panel .aladin-icon svg {
    width: 25px;
    height: 20px;
}

.chmu-weather-panel .aladin-temp {
    font-size: 11px;
    line-height: 20px;
}

@media (max-width: 600px) {
    .chmu-weather-panel .weather-title {
        min-height: 46px;
        padding-right: 50%;
    }

    .chmu-weather-panel .weather-title-subtitle {
        width: 46%;
        font-size: 10px;
        line-height: 17px;
    }

    .chmu-weather-panel .weather-status {
        top: 25px;
        width: 46%;
        font-size: 11px;
        line-height: 17px;
    }

    .chmu-weather-panel .aladin-strip {
        height: 42px;
    }

    .chmu-weather-panel .aladin-hour {
        flex-basis: 46px;
        width: 46px;
        height: 41px;
        grid-template-columns: 19px 27px;
        grid-template-rows: 14px 26px;
    }

    .chmu-weather-panel .aladin-icon {
        width: 24px;
        height: 21px;
    }

    .chmu-weather-panel .aladin-icon svg {
        width: 24px;
        height: 20px;
    }
}

/* =========================================================
   ALADIN V21 – hodinová předpověď jako kompaktní teplotní graf
   Hodnoty křivky jsou přímo z ALADIN pole t2m (°C).
   ========================================================= */
.chmu-weather-panel .aladin-widget {
    position: relative;
    margin: 3px 0 4px;
    padding: 0;
    height: 74px;
    overflow: hidden;
    background: #edf5fa;
    border-top: 0;
    border-bottom: 1px solid #cfdde7;
}

.chmu-weather-panel .aladin-strip {
    display: block !important;
    width: 100%;
    height: 74px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    cursor: grab;
    user-select: none;
    border: 0;
    background: #edf5fa;
}
.chmu-weather-panel .aladin-strip::-webkit-scrollbar { display: none; }
.chmu-weather-panel .aladin-strip.aladin-dragging { cursor: grabbing; }

.chmu-weather-panel .aladin-chart {
    position: relative;
    display: block;
    flex: none;
    box-sizing: border-box;
    height: 74px;
}

.chmu-weather-panel .aladin-chart .aladin-temp-chart {
    top: 35px;
    bottom: auto;
}

.chmu-weather-panel .aladin-hours {
    display: flex;
    width: max-content;
    height: 35px;
}

.chmu-weather-panel .aladin-hour {
    flex: 0 0 48px;
    width: 48px;
    height: 35px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 20px 28px;
    grid-template-rows: 14px 20px;
    align-items: center;
    justify-items: center;
    background: transparent;
    border-right: 1px solid #d4e0e8;
    color: #173f67;
    font-size: 9px;
    line-height: 12px;
    white-space: nowrap;
}
.chmu-weather-panel .aladin-hour:first-child { border-left: 1px solid #d4e0e8; }
.chmu-weather-panel .aladin-time {
    grid-column: 1 / 3;
    font-size: 9px;
    line-height: 13px;
    font-weight: 700;
    color: #173f67;
}
.chmu-weather-panel .aladin-icon {
    width: 24px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.chmu-weather-panel .aladin-icon svg { width: 24px; height: 20px; display: block; }
.chmu-weather-panel .aladin-temp {
    font-size: 10px;
    line-height: 18px;
    font-weight: 700;
    color: #173f67;
}

.chmu-weather-panel .aladin-temp-chart {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    height: 39px;
    overflow: visible;
}
.chmu-weather-panel .aladin-temp-grid {
    stroke: #c7dbe8;
    stroke-width: .7;
    stroke-dasharray: 2 2;
}
.chmu-weather-panel .aladin-temp-area {
    fill: url(#aladinTempGradient);
    stroke: none;
}
.chmu-weather-panel .aladin-temp-line {
    fill: none;
    stroke: #e87818;
    stroke-width: 1.8;
    stroke-linejoin: round;
    stroke-linecap: round;
}
.chmu-weather-panel .aladin-temp-baseline {
    stroke: #c6b49f;
    stroke-width: 1;
}
.chmu-weather-panel .aladin-rain-layer {
    position: absolute;
    pointer-events: none;
    z-index: 20;
    overflow: visible;
}
.chmu-weather-panel .aladin-rain-bar {
    background: #2586d9;
    opacity: .88;
    box-sizing: border-box;
}

.chmu-weather-panel .aladin-scroll-hint {
    right: 3px;
    top: 50%;
    width: 22px;
    height: 22px;
    z-index: 6;
}

@media (max-width: 600px) {
    .chmu-weather-panel .aladin-widget,
    .chmu-weather-panel .aladin-strip { height: 72px; }
    .chmu-weather-panel .aladin-hours { height: 34px; }
    .chmu-weather-panel .aladin-hour {
        flex-basis: 46px;
        width: 46px;
        height: 34px;
        grid-template-columns: 19px 27px;
        grid-template-rows: 14px 19px;
    }
    .chmu-weather-panel .aladin-icon { width: 23px; height: 19px; }
    .chmu-weather-panel .aladin-icon svg { width: 23px; height: 19px; }
    .chmu-weather-panel .aladin-chart { height: 72px; }
    .chmu-weather-panel .aladin-chart .aladin-temp-chart { top: 34px; height: 38px; }
}

/* ALADIN V27 – srážky jsou přímo SVG recty nad teplotní plochou */
.chmu-weather-panel .aladin-temp-chart .aladin-rain-bar {
    fill: #2586d9;
    fill-opacity: .9;
    stroke: none;
}