/*
 * RadarČeska
 * Mobile Weather Views v1.0.1
 *
 * Independent mobile presentation layer.
 * No legacy selector overrides required.
 */

@media (max-width:700px) {

  #rcMobileWeatherView {
    position:fixed;
    left:50%;
    bottom:
      calc(
        8px + env(safe-area-inset-bottom, 0px)
      );
    width:calc(100vw - 14px);
    max-width:480px;
    max-height:64svh;
    z-index:950;
    box-sizing:border-box;

    transform:translateX(-50%);

    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;

    color:#153741;
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.995),
        rgba(248,251,251,.995)
      );

    border:
      1px solid
      rgba(31,70,80,.07);

    border-radius:25px 25px 20px 20px;

    box-shadow:
      0 16px 45px rgba(27,59,68,.16),
      0 2px 8px rgba(27,59,68,.05);

    font-family:
      Inter,
      ui-sans-serif,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif;
  }

  #rcMobileWeatherView[hidden] {
    display:none;
  }

  #rcMobileWeatherView[data-view="radar"] {
    bottom:
      calc(
        78px + env(safe-area-inset-bottom, 0px)
      );

    max-height:55svh;
  }

  .rcmw-shell {
    position:relative;
    padding:7px 13px 14px;
  }

  .rcmw-handle {
    display:block;
    width:50px;
    height:5px;
    margin:0 auto 9px;
    border:0;
    border-radius:999px;
    background:#c7d2d5;
  }

  .rcmw-close {
    position:absolute;
    top:8px;
    right:10px;

    width:34px;
    height:34px;

    display:grid;
    place-items:center;

    padding:0;
    border:
      1px solid
      rgba(39,75,85,.08);

    border-radius:50%;

    background:#f8fbfb;
    color:#7d9399;

    font:500 20px/1 system-ui;
  }

  .rcmw-view {
    display:none;
  }

  #rcMobileWeatherView[data-view="overview"]
  .rcmw-overview,

  #rcMobileWeatherView[data-view="radar"]
  .rcmw-radar {
    display:block;
  }

  /* ========================================================
     SHARED PLACE HEADER
     ======================================================== */

  .rcmw-head {
    min-height:62px;

    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    align-items:center;
    gap:12px;

    padding:2px 42px 10px 2px;
  }

  .rcmw-icon {
    width:52px;
    height:52px;

    display:grid;
    place-items:center;

    border-radius:17px;

    border:
      1px solid
      rgba(29,66,77,.055);

    background:
      linear-gradient(
        145deg,
        #fffaf0,
        #f3f8f9
      );

    color:#d69817;

    box-shadow:
      0 8px 20px rgba(31,64,73,.065);
  }

  .rcmw-icon svg {
    width:35px;
    height:35px;

    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .rcmw-copy {
    min-width:0;
  }

  .rcmw-eyebrow {
    display:block;

    margin-bottom:4px;

    color:#82969b;

    font-size:7.5px;
    line-height:1;
    font-weight:900;

    letter-spacing:.13em;
    text-transform:uppercase;
  }

  .rcmw-city {
    display:block;

    overflow:hidden;

    color:#102f3b;

    font-size:19px;
    line-height:1.05;
    font-weight:950;

    letter-spacing:-.035em;

    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rcmw-condition {
    display:block;

    margin-top:5px;

    overflow:hidden;

    color:#71878e;

    font-size:10px;
    line-height:1.15;
    font-weight:650;

    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* ========================================================
     AKTUÁLNĚ
     ======================================================== */

  .rcmw-now {
    display:grid;
    grid-template-columns:
      minmax(0,1.2fr)
      minmax(110px,.8fr);

    gap:9px;
  }

  .rcmw-card {
    border:
      1px solid
      rgba(29,66,77,.055);

    background:
      rgba(255,255,255,.94);

    box-shadow:
      0 7px 22px rgba(30,62,71,.045);
  }

  .rcmw-current {
    min-height:128px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:15px 16px;

    border-radius:19px;
  }

  .rcmw-current-label {
    color:#657e86;

    font-size:9px;
    font-weight:850;
  }

  .rcmw-current-temp {
    display:block;

    margin-top:4px;

    color:#0e303e;

    font-size:58px;
    line-height:.88;
    font-weight:950;

    letter-spacing:-.07em;
  }

  .rcmw-feels-pill {
    align-self:flex-start;

    display:inline-flex;
    align-items:center;

    min-height:25px;

    margin-top:12px;
    padding:0 10px;

    border-radius:999px;

    background:#e9f8f4;
    color:#087f6c;

    font-size:8.5px;
    font-weight:900;
  }

  .rcmw-tomorrow {
    min-height:128px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:13px;

    border-radius:19px;
  }

  .rcmw-tomorrow-label {
    color:#49656e;

    font-size:9px;
    font-weight:900;
  }

  .rcmw-tomorrow-icon {
    display:grid;
    place-items:center;

    width:28px;
    height:28px;

    margin-top:8px;

    color:#d79b1b;
  }

  .rcmw-tomorrow-icon svg {
    width:100%;
    height:100%;

    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .rcmw-tomorrow-temp {
    display:block;

    margin-top:4px;

    color:#173943;

    font-size:20px;
    line-height:1;
    font-weight:950;

    letter-spacing:-.035em;
  }

  .rcmw-tomorrow-note {
    display:block;

    margin-top:6px;

    color:#819399;

    font-size:7.5px;
    line-height:1.2;
    font-weight:650;
  }

  .rcmw-metrics {
    display:grid;
    grid-template-columns:
      repeat(4,minmax(0,1fr));

    margin-top:9px;

    overflow:hidden;

    border:
      1px solid
      rgba(29,66,77,.055);

    border-radius:17px;

    background:
      rgba(255,255,255,.92);
  }

  .rcmw-metric {
    min-width:0;

    padding:10px 4px 9px;

    text-align:center;

    border-right:
      1px solid
      rgba(29,66,77,.055);
  }

  .rcmw-metric:last-child {
    border-right:0;
  }

  .rcmw-metric-symbol {
    display:grid;
    place-items:center;

    width:24px;
    height:24px;

    margin:0 auto 5px;

    border-radius:50%;

    background:#eff7f8;
    color:#50737c;

    font-size:11px;
    font-style:normal;
  }

  .rcmw-metric small {
    display:block;

    color:#899a9f;

    font-size:6.8px;
    line-height:1;
    font-weight:750;
  }

  .rcmw-metric strong {
    display:block;

    margin-top:5px;

    overflow:hidden;

    color:#193b45;

    font-size:9.3px;
    line-height:1.1;
    font-weight:900;

    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rcmw-section-head {
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:10px;

    margin:12px 3px 6px;
  }

  .rcmw-section-head strong {
    color:#294a53;

    font-size:9.5px;
    font-weight:900;
  }

  .rcmw-section-head span {
    color:#8c9ba0;

    font-size:6.8px;
    font-weight:700;
  }

  .rcmw-hours {
    display:grid;
    grid-template-columns:
      repeat(5,minmax(0,1fr));

    overflow:hidden;

    border:
      1px solid
      rgba(29,66,77,.055);

    border-radius:17px;

    background:
      rgba(255,255,255,.92);
  }

  .rcmw-hour {
    min-width:0;

    padding:9px 3px 8px;

    text-align:center;

    border-right:
      1px solid
      rgba(29,66,77,.05);
  }

  .rcmw-hour:last-child {
    border-right:0;
  }

  .rcmw-hour time {
    display:block;

    color:#7b9096;

    font-size:6.7px;
    font-weight:750;
  }

  .rcmw-hour i {
    width:21px;
    height:21px;

    display:grid;
    place-items:center;

    margin:5px auto;

    color:#7490cb;
  }

  .rcmw-hour i svg {
    width:100%;
    height:100%;

    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .rcmw-hour b {
    display:block;

    color:#173944;

    font-size:10px;
    line-height:1;
    font-weight:900;
  }

  .rcmw-hour small {
    display:block;

    min-height:8px;

    margin-top:4px;

    overflow:hidden;

    color:#899a9f;

    font-size:5.9px;
    line-height:1.1;

    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* ========================================================
     RADAR
     ======================================================== */

  .rcmw-radar-head {
    grid-template-columns:
      51px
      minmax(0,1fr)
      auto;
  }

  .rcmw-radar-icon {
    width:49px;
    height:49px;

    display:grid;
    place-items:center;

    border-radius:16px;

    background:#eaf8f5;
    color:#079d85;
  }

  .rcmw-radar-icon svg {
    width:31px;
    height:31px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
  }

  .rcmw-radar-weather {
    display:flex;
    align-items:center;
    gap:4px;

    min-height:35px;

    padding:0 8px;

    border:
      1px solid
      rgba(29,66,77,.055);

    border-radius:11px;

    background:#fff;
  }

  .rcmw-radar-weather i {
    width:19px;
    height:19px;

    display:grid;
    place-items:center;

    color:#d79b1b;
  }

  .rcmw-radar-weather i svg {
    width:100%;
    height:100%;

    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .rcmw-radar-weather b {
    color:#234650;

    font-size:11px;
    font-weight:950;
  }

  .rcmw-radar-card {
    padding:14px;

    border:
      1px solid
      rgba(29,66,77,.055);

    border-radius:20px;

    background:
      rgba(255,255,255,.95);

    box-shadow:
      0 8px 24px rgba(28,59,68,.05);
  }

  .rcmw-radar-top {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;

    gap:10px;
  }

  .rcmw-radar-overline {
    display:block;

    color:#788e94;

    font-size:7.5px;
    line-height:1;
    font-weight:900;

    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .rcmw-radar-state {
    display:block;

    max-width:250px;

    margin-top:6px;

    color:#102f3c;

    font-size:24px;
    line-height:1.04;
    font-weight:950;

    letter-spacing:-.04em;
  }

  .rcmw-radar-badge {
    flex:0 0 auto;

    display:inline-flex;
    align-items:center;

    min-height:27px;

    padding:0 10px;

    border-radius:999px;

    background:#e9f8f4;
    color:#087e6c;

    font-size:7.5px;
    font-weight:900;
  }

  .rcmw-radar-description {
    margin:8px 0 0;

    color:#6d838a;

    font-size:9.5px;
    line-height:1.4;
    font-weight:600;
  }

  .rcmw-radar-slots {
    display:grid;
    grid-template-columns:
      repeat(4,minmax(0,1fr));

    margin-top:13px;

    border-top:
      1px solid
      rgba(29,66,77,.055);
  }

  .rcmw-radar-slot {
    min-width:0;

    padding:9px 3px 2px;

    text-align:center;

    border-right:
      1px solid
      rgba(29,66,77,.05);
  }

  .rcmw-radar-slot:last-child {
    border-right:0;
  }

  .rcmw-radar-slot time {
    display:block;

    color:#83959a;

    font-size:6.6px;
    font-weight:750;
  }

  .rcmw-radar-slot strong {
    display:block;

    margin-top:5px;

    overflow:hidden;

    color:#274a53;

    font-size:7.8px;
    line-height:1.15;
    font-weight:850;

    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* Existing production timeline stays the engine.
     These are only cosmetic hints; no timeline implementation changes. */

  #app[data-rcmw-view="radar"]
  .timeline-shell.timeline-pro {
    border-radius:17px 17px 0 0;
    box-shadow:
      0 -6px 22px rgba(26,57,66,.08);
  }

  @media (max-width:390px) {

    .rcmw-current-temp {
      font-size:52px;
    }

    .rcmw-metrics {
      grid-template-columns:
        repeat(2,minmax(0,1fr));
    }

    .rcmw-metric:nth-child(2) {
      border-right:0;
    }

    .rcmw-metric:nth-child(-n+2) {
      border-bottom:
        1px solid
        rgba(29,66,77,.05);
    }
  }
}


/* =====================================================================
   RadarČeska — MOBILE WEATHER VIEWS v1.5.1
   Temperature is CONTENT ONLY. Root/sheet geometry remains V140/V143.
   ===================================================================== */

@media(max-width:700px){
  #rcMobileWeatherView .rcmw-temperature{
    display:none;
  }

  #rcMobileWeatherView[data-view="temperature"] .rcmw-overview,
  #rcMobileWeatherView[data-view="temperature"] .rcmw-radar,
  #rcMobileWeatherView[data-view="temperature"] .rcmw-forecast{
    display:none;
  }

  #rcMobileWeatherView[data-view="temperature"] .rcmw-temperature{
    display:block;
  }
}


/* =====================================================================
   RadarČeska — MOBILE WEATHER VIEWS v1.6.0
   First-class model detail views in the same shared sheet.
   ===================================================================== */

@media(max-width:700px){
  #rcMobileWeatherView .rcmw-model-weather{
    display:none;
  }

  #rcMobileWeatherView[data-view="precip"] .rcmw-overview,
  #rcMobileWeatherView[data-view="precip"] .rcmw-radar,
  #rcMobileWeatherView[data-view="precip"] .rcmw-forecast,
  #rcMobileWeatherView[data-view="precip"] .rcmw-temperature,
  #rcMobileWeatherView[data-view="clouds"] .rcmw-overview,
  #rcMobileWeatherView[data-view="clouds"] .rcmw-radar,
  #rcMobileWeatherView[data-view="clouds"] .rcmw-forecast,
  #rcMobileWeatherView[data-view="clouds"] .rcmw-temperature,
  #rcMobileWeatherView[data-view="wind"] .rcmw-overview,
  #rcMobileWeatherView[data-view="wind"] .rcmw-radar,
  #rcMobileWeatherView[data-view="wind"] .rcmw-forecast,
  #rcMobileWeatherView[data-view="wind"] .rcmw-temperature,
  #rcMobileWeatherView[data-view="storms"] .rcmw-overview,
  #rcMobileWeatherView[data-view="storms"] .rcmw-radar,
  #rcMobileWeatherView[data-view="storms"] .rcmw-forecast,
  #rcMobileWeatherView[data-view="storms"] .rcmw-temperature{
    display:none;
  }

  #rcMobileWeatherView[data-view="precip"] .rcmw-model-weather,
  #rcMobileWeatherView[data-view="clouds"] .rcmw-model-weather,
  #rcMobileWeatherView[data-view="wind"] .rcmw-model-weather,
  #rcMobileWeatherView[data-view="storms"] .rcmw-model-weather{
    display:block;
  }
}