/* RadarCeska Weather Navigation v1.1.0
   Five primary weather views + one direct layer picker.
   Keeps the full-screen map dominant on desktop and mobile. */

:root{
  --rc-weather-nav-accent:#0c987f;
  --rc-weather-nav-text:#24454e;
  --rc-weather-nav-muted:#83989f;
  --rc-weather-nav-border:rgba(42,78,86,.10);
  --rc-weather-nav-shadow:0 10px 30px rgba(25,58,66,.10);
}

/* The mobile-only alert chip duplicates the new fixed weather navigation. */
.rc-mobile-alert-chip{display:none}

@media(min-width:701px){
  .weather-view-nav.weather-navigation-v110{
    width:min(760px,calc(100vw - 40px));
    max-width:none;
    min-height:52px;
    margin-top:8px;
    padding:4px;
    gap:3px;
    display:grid;
    grid-template-columns:1fr 1fr 1.16fr 1fr 1.08fr;
    overflow:visible;
    border-radius:16px;
    background:rgba(255,255,255,.965);
    border:1px solid rgba(255,255,255,.74);
    box-shadow:var(--rc-weather-nav-shadow);
    backdrop-filter:blur(13px) saturate(1.05);
  }
  .weather-view-nav.weather-navigation-v110 .weather-view-tab{
    --weather-tab-accent:var(--rc-weather-nav-accent);
    --weather-tab-soft:#ebf8f4;
    --weather-tab-border:#cbe9e1;
    min-width:0;
    width:auto;
    height:44px;
    padding:5px 8px;
    border:0;
    border-radius:11px;
    display:grid;
    grid-template-columns:28px minmax(0,1fr) auto;
    align-items:center;
    gap:7px;
    background:transparent;
    color:#45636b;
    text-align:left;
    cursor:pointer;
    transition:background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;
  }
  .weather-view-nav.weather-navigation-v110 .weather-view-tab:hover{background:#f4f8f8}
  .weather-view-nav.weather-navigation-v110 .weather-view-tab:active{transform:translateY(1px)}
  .weather-view-nav.weather-navigation-v110 .weather-tab-symbol{
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    border-radius:9px;
    background:#edf7f5;
    color:#168f79;
    font-size:12px;
    font-weight:900;
  }
  .weather-view-nav.weather-navigation-v110 .weather-tab-copy{min-width:0;display:grid;gap:2px}
  .weather-view-nav.weather-navigation-v110 .weather-tab-copy b{
    font-size:9.6px;
    line-height:1.05;
    font-weight:900;
    color:var(--rc-weather-nav-text);
    white-space:nowrap;
  }
  .weather-view-nav.weather-navigation-v110 .weather-tab-copy small{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:6.5px;
    line-height:1.08;
    color:var(--rc-weather-nav-muted);
  }
  .weather-view-nav.weather-navigation-v110 .weather-view-tab.is-active{
    background:var(--weather-tab-soft);
    color:var(--weather-tab-accent);
    box-shadow:inset 0 0 0 1px var(--weather-tab-border);
  }
  .weather-view-nav.weather-navigation-v110 .weather-view-tab.is-active .weather-tab-symbol{
    background:rgba(255,255,255,.66);
    color:var(--weather-tab-accent);
  }
  .weather-view-nav.weather-navigation-v110 [data-weather-tone="forecast"]{--weather-tab-accent:#5570bd;--weather-tab-soft:#eef3ff;--weather-tab-border:#d6e0fb}
  .weather-view-nav.weather-navigation-v110 [data-weather-tone="alerts"]{--weather-tab-accent:#ad611e;--weather-tab-soft:#fff4e8;--weather-tab-border:#f2d5b9}
  .weather-view-nav.weather-navigation-v110 [data-weather-tone="layers"]{--weather-tab-accent:#36768f;--weather-tab-soft:#edf6fa;--weather-tab-border:#cfe4ed}
  .weather-view-nav.weather-navigation-v110 .weather-layers-trigger>em{font-style:normal;font-size:11px;color:#82979d;transition:transform .16s ease}
  .weather-view-nav.weather-navigation-v110 .weather-layers-trigger[aria-expanded="true"]>em{transform:rotate(180deg)}
}

/* Layer picker: direct views first, optional map overlays second. */
.weather-layer-picker-v310{width:min(390px,calc(100vw - 28px))}
.weather-layer-picker-v310 .panel-head{align-items:flex-start}
.weather-layer-picker-v310 .panel-head h3{margin-bottom:2px}
.weather-layer-picker-v310 .panel-head p{margin:0;max-width:270px;color:#7d9198;font-size:8px;line-height:1.3}
.weather-direct-layer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}
.weather-direct-layer{
  --layer-accent:#0d927c;
  --layer-soft:#eff8f5;
  min-height:58px;
  padding:8px 9px;
  border:1px solid #e2eaec;
  border-radius:13px;
  background:#fff;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:8px;
  align-items:center;
  text-align:left;
  color:#385760;
  cursor:pointer;
  box-shadow:0 3px 12px rgba(30,63,71,.035);
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.weather-direct-layer:hover{border-color:#cfdfe2;box-shadow:0 6px 18px rgba(30,63,71,.07)}
.weather-direct-layer:active{transform:translateY(1px)}
.weather-direct-layer>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--layer-soft);color:var(--layer-accent);font-size:12px;font-weight:900}
.weather-direct-layer>b{font-size:9.3px;font-weight:900;line-height:1.05;color:#2e4d56}
.weather-direct-layer>small{font-size:6.7px;line-height:1.15;color:#8a9ca1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.weather-direct-layer.is-active{border-color:#bfded7;background:var(--layer-soft);box-shadow:inset 0 0 0 1px rgba(17,143,121,.08)}
.weather-direct-layer[data-weather-tone="temperature"]{--layer-accent:#bd6344;--layer-soft:#fff1eb}
.weather-direct-layer[data-weather-tone="precip"]{--layer-accent:#3977bd;--layer-soft:#edf5ff}
.weather-direct-layer[data-weather-tone="clouds"]{--layer-accent:#607782;--layer-soft:#eef2f4}
.weather-direct-layer[data-weather-tone="wind"]{--layer-accent:#267f93;--layer-soft:#eaf7fa}
.weather-direct-layer[data-weather-tone="storms"]{--layer-accent:#80509c;--layer-soft:#f7f0fb}
.weather-direct-layer-wide{grid-column:1/-1}

.weather-addons-v310{margin-top:8px;border:1px solid #e3eaec;border-radius:13px;background:#f9fbfb;overflow:hidden}
.weather-addons-v310>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;cursor:pointer;user-select:none}
.weather-addons-v310>summary::-webkit-details-marker{display:none}
.weather-addons-v310>summary span{display:grid;gap:1px}
.weather-addons-v310>summary b{font-size:8.8px;color:#3b5961}
.weather-addons-v310>summary small{font-size:6.6px;color:#8a9ca1}
.weather-addons-v310>summary em{font-style:normal;color:#81969c;font-size:11px;transition:transform .16s ease}
.weather-addons-v310[open]>summary em{transform:rotate(180deg)}
.weather-addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 8px 8px}
.weather-addon-toggle{height:34px;padding:0 7px;border:1px solid #dde7e9;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;gap:5px;color:#687d83;cursor:pointer}
.weather-addon-toggle span{font-size:10px}.weather-addon-toggle b{font-size:7px;font-weight:850;white-space:nowrap}
.weather-addon-toggle.is-active{background:#edf8f5;border-color:#cae8e0;color:#147a68}
.weather-addon-toggle[data-weather-layer="lightning"].is-active{background:#fff8df;border-color:#f0dda0;color:#8a6810}
.weather-addon-toggle[data-weather-layer="alerts"].is-active{background:#fff3e8;border-color:#efd4bb;color:#a75f20}
.weather-radar-strength-v310{margin-top:8px}

@media(max-width:700px){
  .mobile-weather-nav.mobile-weather-navigation-v110{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:3px;
    overflow:visible;
    scroll-snap-type:none;
  }
  .mobile-weather-navigation-v110 .mobile-nav-item{min-width:0;flex:none}
  .mobile-weather-navigation-v110 .weather-more-mobile[data-has-model="1"],
  .mobile-weather-navigation-v110 .weather-more-mobile[aria-expanded="true"]{
    background:#edf6fa;
    color:#356f86;
    box-shadow:inset 0 0 0 1px #cee4ec;
  }
  .mobile-weather-navigation-v110 .weather-more-mobile[data-has-model="1"] .mobile-mode-icon,
  .mobile-weather-navigation-v110 .weather-more-mobile[aria-expanded="true"] .mobile-mode-icon{background:#dceef5;color:#356f86}
  .weather-layer-picker-v310{width:auto}
  .weather-layer-picker-v310 .panel-head p{font-size:7px;max-width:235px}
  .weather-direct-layer-grid{gap:5px;margin-top:6px}
  .weather-direct-layer{min-height:52px;padding:6px 7px;border-radius:11px;grid-template-columns:26px minmax(0,1fr);column-gap:6px}
  .weather-direct-layer>span{width:26px;height:26px;border-radius:8px;font-size:11px}
  .weather-direct-layer>b{font-size:8.5px}.weather-direct-layer>small{font-size:6.2px}
  .weather-addons-v310{margin-top:6px;border-radius:11px}
  .weather-addons-v310>summary{padding:8px}.weather-addon-grid{gap:4px;padding:0 6px 6px}
  .weather-addon-toggle{height:31px;padding:0 5px}.weather-addon-toggle b{font-size:6.4px}
}

@media(max-width:390px){
  .weather-direct-layer-grid{grid-template-columns:1fr}
  .weather-direct-layer-wide{grid-column:auto}
  .weather-addon-grid{grid-template-columns:1fr}
  .weather-addon-toggle{justify-content:flex-start;padding-left:10px}
}
.weather-layer-hint-v310{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;border:1px solid #eee5bd;border-radius:11px;background:#fffaf0;color:#745d20}
.weather-layer-hint-v310>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#fff1bc;font-size:11px}
.weather-layer-hint-v310 p{margin:0;display:grid;gap:1px;min-width:0}.weather-layer-hint-v310 b{font-size:7.7px}.weather-layer-hint-v310 small{font-size:6.5px;color:#96815a}


/* v1.1.0 · less card-like, more map-product-like segmented navigation */
@media(min-width:701px){
  .weather-view-nav.weather-navigation-v110{
    width:min(690px,calc(100vw - 40px));
    min-height:46px;
    padding:3px;
    gap:2px;
    border-radius:14px;
    grid-template-columns:.96fr .92fr 1.18fr .98fr .88fr;
  }
  .weather-view-nav.weather-navigation-v110 .weather-view-tab{
    height:40px;
    padding:4px 8px;
    grid-template-columns:25px minmax(0,1fr) auto;
    gap:6px;
    border-radius:10px;
  }
  .weather-view-nav.weather-navigation-v110 .weather-tab-symbol{
    width:25px;height:25px;border-radius:8px;font-size:11px;
  }
  .weather-view-nav.weather-navigation-v110 .weather-tab-copy b{font-size:9.2px}
  .weather-view-nav.weather-navigation-v110 .weather-tab-copy small{font-size:6.25px}
}
/* The Forecast tab maps internally to the dedicated precipitation owner. */
.weather-view-tab[data-weather-view="forecast"].is-active{
  background:#eef3ff;
  box-shadow:inset 0 0 0 1px #d6e0fb;
}
/* While physically dragging, hide only city-value badges. Never block the map. */
#app.weather-city-drag-suspended [id^="weather-city-values-v2"]{pointer-events:none}


/* RadarCeska unified secondary navigation v1.2.0 */
#sourcePill,#radarSourceInfoPopover,#radarSourceMobileToggle{display:none!important}
.rc-mobile-alert-chip,#moreLayersBtn,.layer-chips [data-layer="air"]{display:none!important}
@media(min-width:701px){
  #weatherViewNav,#trafficViewNav,#trainViewNav{margin-top:8px!important;margin-left:0!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.76)!important;background:rgba(255,255,255,.965)!important;box-shadow:0 10px 30px rgba(25,58,66,.10)!important;backdrop-filter:blur(14px) saturate(1.06)!important;-webkit-backdrop-filter:blur(14px) saturate(1.06)!important}
  .weather-view-nav.weather-navigation-v120{width:min(1110px,calc(100vw - 40px))!important;min-height:46px!important;padding:3px!important;display:flex!important;align-items:stretch!important;gap:2px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none}
  .weather-view-nav.weather-navigation-v120::-webkit-scrollbar{display:none}
  .weather-view-nav.weather-navigation-v120 .weather-view-tab{--weather-tab-accent:#0c987f;--weather-tab-soft:#ebf8f4;--weather-tab-border:#cbe9e1;flex:1 0 112px;min-width:100px;max-width:145px;height:40px;padding:4px 7px;border:0;border-radius:10px;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:6px;background:transparent;color:#45636b;text-align:left;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease}
  .weather-view-nav.weather-navigation-v120 .weather-view-tab:hover{background:#f4f8f8}.weather-view-nav.weather-navigation-v120 .weather-view-tab:active{transform:translateY(1px)}
  .weather-view-nav.weather-navigation-v120 .weather-tab-symbol{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#edf7f5;color:#168f79;font-size:10.5px;font-weight:900}
  .weather-view-nav.weather-navigation-v120 .weather-tab-copy{min-width:0;display:grid;gap:2px}.weather-view-nav.weather-navigation-v120 .weather-tab-copy b{font-size:9.1px;line-height:1.05;font-weight:900;color:#24454e;white-space:nowrap}.weather-view-nav.weather-navigation-v120 .weather-tab-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:6.15px;line-height:1.08;color:#83989f}
  .weather-view-nav.weather-navigation-v120 .weather-view-tab.is-active{background:var(--weather-tab-soft);color:var(--weather-tab-accent);box-shadow:inset 0 0 0 1px var(--weather-tab-border)}
  .weather-view-nav.weather-navigation-v120 .weather-view-tab.is-active .weather-tab-symbol{background:rgba(255,255,255,.70);color:var(--weather-tab-accent)}
  .weather-view-nav.weather-navigation-v120 [data-weather-tone="forecast"]{--weather-tab-accent:#5570bd;--weather-tab-soft:#eef3ff;--weather-tab-border:#d6e0fb}.weather-view-nav.weather-navigation-v120 [data-weather-tone="temperature"]{--weather-tab-accent:#bd6344;--weather-tab-soft:#fff1eb;--weather-tab-border:#f0d4c8}.weather-view-nav.weather-navigation-v120 [data-weather-tone="precip"]{--weather-tab-accent:#3977bd;--weather-tab-soft:#edf5ff;--weather-tab-border:#cfe2f8}.weather-view-nav.weather-navigation-v120 [data-weather-tone="clouds"]{--weather-tab-accent:#607782;--weather-tab-soft:#eef2f4;--weather-tab-border:#d8e0e4}.weather-view-nav.weather-navigation-v120 [data-weather-tone="wind"]{--weather-tab-accent:#267f93;--weather-tab-soft:#eaf7fa;--weather-tab-border:#cce7ed}.weather-view-nav.weather-navigation-v120 [data-weather-tone="storms"]{--weather-tab-accent:#80509c;--weather-tab-soft:#f7f0fb;--weather-tab-border:#e2d2ec}
  .traffic-view-nav.traffic-legend-bar,.train-view-nav.train-legend-bar{min-height:46px!important;padding:3px!important}.traffic-view-nav.traffic-legend-bar .traffic-tab,.train-view-nav.train-legend-bar .train-tab{height:40px!important;border-radius:10px!important}
}
#layerPanel.weather-layer-picker-v310{display:none!important}
@media(max-width:700px){.mobile-weather-nav.mobile-weather-navigation-v110{display:flex!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;scroll-snap-type:x proximity;padding-right:8px}.mobile-weather-nav.mobile-weather-navigation-v110::-webkit-scrollbar{display:none}.mobile-weather-navigation-v110 .mobile-nav-item{flex:0 0 78px!important;min-width:78px!important;scroll-snap-align:start}.mobile-weather-navigation-v110 .mobile-nav-item span:last-child{white-space:nowrap}}