/* Společná lišta INFORMACE – vizuálně navazuje na současnou lištu ŘSD/ČHMÚ. */
.info-panel{width:100%;box-sizing:border-box;margin:6px 0 0;font-family:Arial,Helvetica,sans-serif}
.info-bar{width:100%;height:36px;min-height:36px;box-sizing:border-box;display:flex;align-items:center;gap:0;margin:0;padding:0 10px;border:1px solid #cfd7df;border-radius:4px;background:#eef7fb;color:#222;font:700 14px/36px Arial,Helvetica,sans-serif;text-align:left;cursor:pointer}
.info-bar:hover{background:#e8f3f8}
.info-bar__title{position:relative;z-index:2;flex:0 0 112px;width:112px;height:100%;box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;padding:0;border-right:1px solid #d7d7d7;white-space:nowrap}
.info-bar__icon{width:19px;min-width:19px;height:19px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:1px solid #333;border-radius:50%;background:#fff;color:#34444f;font-size:13px;font-weight:700;line-height:1}
.info-bar__arrow{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;margin-left:auto;border:1px solid #b9cbd5;border-radius:50%;background:#e7f1f6;color:#34444f;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
.info-bar__arrow::before{content:"";width:6px;height:6px;border-right:1.8px solid #34444f;border-bottom:1.8px solid #34444f;transform:rotate(45deg);margin-top:-3px}
.info-bar:hover .info-bar__arrow{background:#dcecf4;border-color:#aebfc9}
.info-bar.is-open .info-bar__arrow{transform:rotate(180deg)}
.info-content{box-sizing:border-box;border:1px solid #d7dee4;border-top:0;border-radius:0 0 4px 4px;background:#fff;padding:7px 8px 10px;overflow:hidden}
.info-tabs{display:flex;align-items:center;gap:6px;margin:0 0 8px;padding:0;border:0;background:transparent}
.info-tab{flex:0 0 auto;width:auto;min-width:92px;height:30px;padding:0 14px;border:1px solid #cfd7df;border-radius:4px;background:#f1f5f7;color:#53616a;cursor:pointer;font:700 13px/28px Arial,Helvetica,sans-serif;box-sizing:border-box}
.info-tab:hover{background:#e8f3f8;color:#222}
.info-tab.is-active{background:#eef7fb;color:#222;border-color:#b9cbd5;box-shadow:inset 0 -2px 0 #7d9aaa}
.info-pane{width:100%;box-sizing:border-box}
.info-frame{display:block;width:100%;border:0;background:#fff}
.info-frame--weather{height:760px}
.info-frame--traffic{height:700px}
.info-pane[hidden],.info-content[hidden]{display:none!important}
@media(max-width:800px){.info-frame--weather{height:720px}.info-frame--traffic{height:620px}.info-tab{min-width:82px}}


/* V4: identical viewport for both information tabs */
.informace-tabs-content {
    width: 100%;
    height: 720px;
    min-height: 720px;
    overflow: hidden;
}

.informace-tab-pane {
    width: 100%;
    height: 720px;
    min-height: 720px;
}

.informace-tab-pane iframe {
    display: block;
    width: 100%;
    height: 720px !important;
    min-height: 720px !important;
    border: 0;
}


/* V5: both information tabs use exactly the same viewport height */
.info-frame--weather,
.info-frame--traffic,
.informace-tab-pane iframe {
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
    display: block;
}

/* V5: the traffic embed itself must have the same 390 px map/detail height */
.traffic-panel--embed .traffic-content {
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
}

.traffic-panel--embed .traffic-map,
.traffic-panel--embed .traffic-detail {
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
}

/* V10: exact shared viewport for both tabs */
.info-frame--weather,
.info-frame--traffic {
    width: 100% !important;
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
    display: block !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* V11 – MOBIL NA VÝŠKU ONLY
   V10 níže nastavuje společný iframe na 390 px i pro mobil.
   Na mobilu musí být iframe vyšší, aby se pod mapu vešel celý informační panel.
   Desktop se tímto pravidlem nemění. */
/* V12 – MOBIL NA VÝŠKU ONLY
   Vnitřní obsah iframe musí mít dostatečný viewport, aby se
   nezobrazoval jeho vlastní svislý scrollbar.
   Desktop i mobil na šířku zůstávají beze změny. */
@media (max-width: 600px) and (orientation: portrait) {
    /* V51 – pouze mobil na výšku.
       Vnější obaly nesmějí držet původních 720 px.
       Jejich výška se odvodí od skutečně vysokého iframe. */
    .informace-tabs-content,
    .informace-tab-pane {
        height: auto !important;
        min-height: 0 !important;
    }

    .info-frame--weather {
        height: 690px !important;
        min-height: 690px !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    .info-frame--traffic {
        height: 420px !important;
        min-height: 420px !important;
        max-height: none !important;
        overflow: hidden !important;
    }
}