/* =====================================================================
   RadarČeska — MOBILE MODEL WEATHER PRO v1.6.0
   Shared root only. Temperature + precip + clouds + wind + storms.
   ===================================================================== */

@media(max-width:700px){

  #modelPointCard[data-layer="temperature"],
  #modelPointCard[data-layer="precip"],
  #modelPointCard[data-layer="clouds"],
  #modelPointCard[data-layer="wind"],
  #modelPointCard[data-layer="storms"]{
    display:none;
  }

  #rcMobileWeatherView[data-view="temperature"][data-rcfp-snap="full"],
  #rcMobileWeatherView[data-view="precip"][data-rcfp-snap="full"],
  #rcMobileWeatherView[data-view="clouds"][data-rcfp-snap="full"],
  #rcMobileWeatherView[data-view="wind"][data-rcfp-snap="full"],
  #rcMobileWeatherView[data-view="storms"][data-rcfp-snap="full"]{
    top:calc(env(safe-area-inset-top,0px) + 66px);
    right:8px;
    bottom:calc(76px + env(safe-area-inset-bottom,0px));
    left:8px;
    width:auto;
    height:auto;
    max-height:none;
    min-height:0;
    transform:none;
    overflow:hidden;
  }

  #rcMobileWeatherView[data-rcfp-snap="full"][data-view="temperature"] .rcmw-shell,
  #rcMobileWeatherView[data-rcfp-snap="full"][data-view="precip"] .rcmw-shell,
  #rcMobileWeatherView[data-rcfp-snap="full"][data-view="clouds"] .rcmw-shell,
  #rcMobileWeatherView[data-rcfp-snap="full"][data-view="wind"] .rcmw-shell,
  #rcMobileWeatherView[data-rcfp-snap="full"][data-view="storms"] .rcmw-shell{
    position:relative;
    height:100%;
    max-height:100%;
    overflow:hidden;
  }

  #rcMobileWeatherView[data-rcfp-snap="full"][data-view="temperature"] .rcmw-temperature,
  #rcMobileWeatherView[data-rcfp-snap="full"] .rcmw-model-weather{
    height:100%;
    min-height:0;
    max-height:none;
    overflow-y:auto;
    overflow-x:hidden;
  }

  #rcMobileWeatherView[data-view="temperature"] .rcmw-close,
  #rcMobileWeatherView[data-view="precip"] .rcmw-close,
  #rcMobileWeatherView[data-view="clouds"] .rcmw-close,
  #rcMobileWeatherView[data-view="wind"] .rcmw-close,
  #rcMobileWeatherView[data-view="storms"] .rcmw-close{
    position:absolute;
    top:10px;
    right:10px;
    bottom:auto;
    left:auto;
    z-index:30;
    margin:0;
    transform:none;
  }

  #rcMobileWeatherView[data-view="temperature"] .rcmw-handle,
  #rcMobileWeatherView[data-view="precip"] .rcmw-handle,
  #rcMobileWeatherView[data-view="clouds"] .rcmw-handle,
  #rcMobileWeatherView[data-view="wind"] .rcmw-handle,
  #rcMobileWeatherView[data-view="storms"] .rcmw-handle{
    position:relative;
    z-index:12;
    cursor:grab;
    touch-action:none;
  }

  .rcmw-model-weather{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    max-width:100%;
    overflow-x:hidden;
    overflow-y:auto;
    padding:5px 12px calc(18px + env(safe-area-inset-bottom,0px));
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .rcmw-model-weather::-webkit-scrollbar{
    display:none;
  }

  .rcm160-head{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    padding:2px 42px 9px 1px;
  }

  .rcm160-icon{
    display:grid;
    place-items:center;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:11px;
    background:#f1f6f7;
    color:#547982;
  }

  .rcm160-icon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .rcm160-head-copy{
    display:grid;
    min-width:0;
    gap:1px;
  }

  .rcm160-head-copy small{
    color:#7b8c92;
    font-size:8.5px;
    font-weight:780;
    letter-spacing:.08em;
  }

  .rcm160-head-copy strong{
    overflow:hidden;
    color:#1e414b;
    font-size:16px;
    font-weight:810;
    line-height:1.15;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rcm160-head-copy span{
    overflow:hidden;
    color:#73868d;
    font-size:10px;
    font-weight:630;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rcm160-hero{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
    gap:8px;
    margin-bottom:8px;
  }

  .rcm160-current,
  .rcm160-hero-facts{
    min-width:0;
    border:1px solid rgba(61,87,96,.085);
    border-radius:16px;
    background:#fff;
    box-shadow:0 6px 18px rgba(27,54,62,.045);
  }

  .rcm160-current{
    padding:11px 12px;
  }

  .rcm160-current small{
    color:#7d8d93;
    font-size:9px;
    font-weight:700;
  }

  .rcm160-current strong{
    display:block;
    margin-top:1px;
    overflow:hidden;
    color:#276e84;
    font-size:34px;
    font-weight:820;
    line-height:1;
    letter-spacing:-.045em;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .is-clouds .rcm160-current strong{color:#627b87;}
  .is-wind .rcm160-current strong{color:#167b78;}
  .is-storms .rcm160-current strong{
    color:#6c5a95;
    font-size:23px;
    letter-spacing:-.025em;
  }

  .rcm160-current span{
    display:block;
    margin-top:4px;
    overflow:hidden;
    color:#667a81;
    font-size:9.5px;
    font-weight:650;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rcm160-hero-facts{
    display:grid;
    grid-template-columns:1fr 1fr;
    overflow:hidden;
  }

  .rcm160-hero-facts div{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:0;
    padding:8px 4px;
    text-align:center;
  }

  .rcm160-hero-facts div+div{
    border-left:1px solid rgba(61,87,96,.08);
  }

  .rcm160-hero-facts small{
    color:#829198;
    font-size:7.5px;
    font-weight:700;
  }

  .rcm160-hero-facts strong{
    margin-top:3px;
    color:#244953;
    font-size:14px;
    font-weight:810;
  }

  .rcm160-facts{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin-bottom:8px;
  }

  .rcm160-facts article{
    min-width:0;
    padding:7px 4px;
    border:1px solid rgba(61,87,96,.075);
    border-radius:12px;
    background:#f8fbfb;
    text-align:center;
  }

  .rcm160-facts small{
    display:block;
    overflow:hidden;
    color:#849399;
    font-size:7.5px;
    font-weight:690;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rcm160-facts strong{
    display:block;
    margin-top:2px;
    overflow:hidden;
    color:#244953;
    font-size:10.5px;
    font-weight:790;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rcm160-tabs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    margin-bottom:8px;
    padding:3px;
    border-radius:11px;
    background:#eef3f4;
  }

  .rcm160-tabs button{
    min-width:0;
    height:30px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#65787f;
    font:inherit;
    font-size:9px;
    font-weight:760;
  }

  .rcm160-tabs button.is-active{
    background:#fff;
    color:#17643e;
    box-shadow:0 2px 8px rgba(30,61,69,.085);
  }

  .rcm160-tabs button:disabled{
    opacity:.34;
  }

  .rcm160-chart-card{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    padding:9px 7px 6px;
    border:1px solid rgba(61,87,96,.085);
    border-radius:16px;
    background:#fff;
    box-shadow:0 7px 20px rgba(28,55,63,.045);
  }

  .rcm160-chart-card>header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:7px;
    padding:0 3px 4px;
  }

  .rcm160-chart-card>header div{
    display:grid;
    gap:1px;
  }

  .rcm160-chart-card>header strong{
    color:#244953;
    font-size:11px;
    font-weight:800;
  }

  .rcm160-chart-card>header span{
    color:#7b8c92;
    font-size:8.5px;
    font-weight:670;
  }

  .rcm160-badge{
    flex:0 0 auto;
    padding:4px 7px;
    border-radius:999px;
    background:#edf5f6;
    color:#537983;
    font-size:8.3px;
    font-weight:780;
  }

  .rcm160-chart{
    position:relative;
    width:100%;
    min-width:0;
    overflow:visible;
  }

  .rcm160-svg{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:340 / 225;
    overflow:visible;
  }

  .rcm160-grid{
    stroke:#e8edef;
    stroke-width:.8;
    vector-effect:non-scaling-stroke;
  }

  .rcm160-y,
  .rcm160-x{
    fill:#73868d;
    font-family:inherit;
    font-size:8.7px;
    font-weight:700;
  }

  .rcm160-line{
    fill:none;
    stroke-width:2.6;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
  }

  .rcm160-line.is-clouds{stroke:#718894;}
  .rcm160-line.is-wind{stroke:#18827e;}
  .rcm160-line.is-storms{stroke:#705b9b;}

  .rcm160-area{opacity:.08;stroke:none;}
  .rcm160-area.is-clouds{fill:#718894;}
  .rcm160-area.is-wind{fill:#18827e;}
  .rcm160-area.is-storms{fill:#705b9b;}

  .rcm160-bar{
    fill:#3689b7;
    opacity:.78;
  }

  .rcm160-gust{
    fill:none;
    stroke:#8d9ba1;
    stroke-width:1.35;
    stroke-dasharray:4 4;
    vector-effect:non-scaling-stroke;
  }

  .rcm160-threshold{
    stroke:#8f7eaa;
    stroke-width:.8;
    stroke-dasharray:3 5;
    opacity:.38;
    vector-effect:non-scaling-stroke;
  }

  .rcm160-cursor{
    stroke:#214851;
    stroke-width:1;
    stroke-dasharray:3 4;
    opacity:.58;
    vector-effect:non-scaling-stroke;
  }

  .rcm160-hit{
    fill:transparent;
    pointer-events:all;
    touch-action:none;
  }

  .rcm160-tooltip{
    position:absolute;
    top:31px;
    z-index:4;
    display:grid;
    gap:1px;
    min-width:92px;
    padding:6px 8px;
    border:1px solid rgba(50,75,83,.11);
    border-radius:9px;
    background:rgba(255,255,255,.98);
    box-shadow:0 6px 16px rgba(28,54,61,.11);
    color:#244953;
    transform:translateX(-50%);
    pointer-events:none;
  }

  .rcm160-tooltip strong{
    font-size:8.5px;
    font-weight:800;
  }

  .rcm160-tooltip span{
    color:#60747b;
    font-size:8.5px;
    font-weight:680;
  }

  .rcm160-legend{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    min-height:13px;
    padding:2px 3px 0;
  }

  .rcm160-legend span{
    position:relative;
    padding-left:12px;
    color:#71838a;
    font-size:8px;
    font-weight:710;
  }

  .rcm160-legend span::before{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:8px;
    height:2px;
    border-radius:999px;
    background:#527e89;
    transform:translateY(-50%);
  }

  .rcm160-legend .is-aux::before,
  .rcm160-legend .is-threshold::before{
    background:repeating-linear-gradient(
      90deg,
      #8a979d 0 3px,
      transparent 3px 5px
    );
  }

  .rcm160-strip-head{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:7px;
    margin:10px 2px 5px;
  }

  .rcm160-strip-head strong{
    color:#244953;
    font-size:10.5px;
    font-weight:800;
  }

  .rcm160-strip-head span{
    color:#87969b;
    font-size:8px;
    font-weight:660;
  }

  .rcm160-strip{
    display:flex;
    gap:6px;
    width:100%;
    min-width:0;
    overflow-x:auto;
    padding:0 1px 3px;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }

  .rcm160-strip::-webkit-scrollbar{
    display:none;
  }

  .rcm160-hour{
    display:grid;
    place-items:center;
    flex:0 0 70px;
    min-width:70px;
    gap:2px;
    padding:7px 4px;
    border:1px solid rgba(67,91,99,.08);
    border-radius:12px;
    background:#fff;
    scroll-snap-align:start;
    text-align:center;
  }

  .rcm160-hour small{
    color:#74868d;
    font-size:7.8px;
    font-weight:700;
  }

  .rcm160-hour strong{
    overflow:hidden;
    max-width:100%;
    color:#244953;
    font-size:12px;
    font-weight:810;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rcm160-hour span{
    overflow:hidden;
    max-width:100%;
    color:#7e8e94;
    font-size:7.2px;
    font-weight:650;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rcm160-source{
    display:block;
    margin:8px 2px 0;
    color:#8b989d;
    font-size:7.6px;
    line-height:1.35;
  }

  .rcm160-empty{
    display:grid;
    place-items:center;
    min-height:160px;
    padding:16px;
    color:#839298;
    font-size:9.5px;
    font-weight:680;
    text-align:center;
  }
}