/*
 * RadarČeska — Mobile Weather Depth v1.1.0
 * Progressive disclosure above Mobile Weather Views v1.0.1.
 */

@media(max-width:700px){

  #rcMobileWeatherView{
    transition:
      max-height .24s ease,
      bottom .24s ease,
      border-radius .24s ease,
      box-shadow .24s ease;
  }

  #rcMobileWeatherView[data-snap="compact"]{
    max-height:64svh;
  }

  #rcMobileWeatherView[data-snap="expanded"][data-view="overview"]{
    bottom:calc(8px + env(safe-area-inset-bottom,0px));
    max-height:calc(100svh - 84px);
    border-radius:24px 24px 18px 18px;
    box-shadow:0 18px 52px rgba(25,57,66,.20);
  }

  #rcMobileWeatherView[data-snap="expanded"][data-view="radar"]{
    bottom:calc(78px + env(safe-area-inset-bottom,0px));
    max-height:calc(100svh - 150px);
    border-radius:24px 24px 18px 18px;
    box-shadow:0 18px 52px rgba(25,57,66,.20);
  }

  #rcMobileWeatherView.is-dragging{
    transition:none;
  }

  /* real mobile grab target */
  #rcMobileWeatherView .rcmw-handle{
    position:relative;
    display:block;

    width:72px;
    height:28px;

    margin:-4px auto 3px;

    border-radius:999px;
    background:transparent;

    cursor:ns-resize;
    touch-action:none;
    outline:none;
  }

  #rcMobileWeatherView .rcmw-handle::after{
    content:"";

    position:absolute;
    left:50%;
    top:11px;

    width:52px;
    height:5px;

    transform:translateX(-50%);

    border-radius:999px;

    background:#c4ced2;

    transition:
      width .18s ease,
      background .18s ease;
  }

  #rcMobileWeatherView .rcmw-handle:active::after,
  #rcMobileWeatherView[data-snap="expanded"] .rcmw-handle::after{
    width:58px;
    background:#aebdc2;
  }

  .rcmw-depth{
    display:none;

    margin-top:10px;

    animation:
      rcmwdReveal .22s ease both;
  }

  #rcMobileWeatherView[data-snap="expanded"] .rcmw-depth{
    display:block;
  }

  @keyframes rcmwdReveal{
    from{
      opacity:0;
      transform:translateY(7px);
    }
    to{
      opacity:1;
      transform:translateY(0);
    }
  }

  .rcmwd-text-card,
  .rcmwd-radar-intel{
    padding:14px;

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

    border-radius:18px;

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

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

  .rcmwd-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;

    gap:12px;
  }

  .rcmwd-section-head>div{
    min-width:0;
  }

  .rcmwd-section-head span{
    display:block;

    color:#81959b;

    font-size:7px;
    line-height:1;
    font-weight:850;

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

  .rcmwd-section-head strong{
    display:block;

    margin-top:5px;

    color:#183b46;

    font-size:13px;
    line-height:1.08;
    font-weight:950;

    letter-spacing:-.02em;
  }

  .rcmwd-section-head em{
    flex:0 0 auto;

    max-width:42%;

    padding:6px 8px;

    border-radius:999px;

    background:#f1f7f8;
    color:#56747c;

    font-size:7px;
    line-height:1;
    font-weight:850;
    font-style:normal;

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

  #rcmwdForecastText,
  #rcmwdRadarNarrative{
    margin:11px 0 0;

    color:#536f77;

    font-size:10.5px;
    line-height:1.55;
    font-weight:600;
  }

  .rcmwd-detail-grid{
    display:grid;

    grid-template-columns:
      repeat(2,minmax(0,1fr));

    gap:8px;

    margin-top:9px;
  }

  .rcmwd-detail-grid article{
    min-width:0;

    padding:12px;

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

    border-radius:15px;

    background:#fbfdfd;
  }

  .rcmwd-detail-grid small,
  .rcmwd-radar-metrics small{
    display:block;

    color:#87999e;

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

  .rcmwd-detail-grid strong{
    display:block;

    margin-top:7px;

    color:#173943;

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

    letter-spacing:-.025em;
  }

  .rcmwd-detail-grid span{
    display:block;

    margin-top:6px;

    color:#70868d;

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

  .rcmwd-section-title{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:10px;

    margin:13px 3px 7px;
  }

  .rcmwd-section-title strong{
    color:#294a53;

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

  .rcmwd-section-title span{
    color:#8b9ba0;

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

  .rcmwd-days{
    display:grid;

    grid-template-columns:
      repeat(3,minmax(0,1fr));

    gap:7px;

    padding-bottom:4px;
  }

  .rcmwd-day{
    min-width:0;

    padding:10px 7px;

    text-align:center;

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

    border-radius:15px;

    background:#fff;
  }

  .rcmwd-day>span{
    display:block;

    overflow:hidden;

    color:#6f868d;

    font-size:7px;
    font-weight:850;

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

  .rcmwd-day i{
    display:grid;
    place-items:center;

    width:24px;
    height:24px;

    margin:7px auto;

    color:#d39a1d;
  }

  .rcmwd-day i svg{
    width:100%;
    height:100%;

    fill:none;
    stroke:currentColor;
    stroke-width:2;

    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .rcmwd-day strong{
    display:block;

    color:#173943;

    font-size:11px;
    line-height:1;
    font-weight:950;
  }

  .rcmwd-day small{
    display:block;

    min-height:9px;

    margin-top:5px;

    overflow:hidden;

    color:#85979c;

    font-size:6.2px;
    line-height:1.2;

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

  .rcmwd-empty{
    grid-column:1/-1;

    padding:12px;

    border-radius:14px;

    background:#f7fbfb;
    color:#81949a;

    text-align:center;

    font-size:8px;
  }

  /* radar intelligence */

  .rcmwd-radar-intel{
    border-color:
      rgba(9,157,133,.08);

    background:
      linear-gradient(
        180deg,
        #fff,
        #f7fcfa
      );
  }

  .rcmwd-radar-metrics{
    display:grid;

    grid-template-columns:
      repeat(2,minmax(0,1fr));

    gap:7px;

    margin-top:13px;
  }

  .rcmwd-radar-metrics>div{
    min-width:0;

    padding:11px;

    border:
      1px solid
      rgba(26,72,79,.055);

    border-radius:14px;

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

  .rcmwd-radar-metrics strong{
    display:block;

    margin-top:7px;

    overflow:hidden;

    color:#153844;

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

    letter-spacing:-.02em;

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

  .rcmwd-radar-metrics span{
    display:block;

    margin-top:6px;

    overflow:hidden;

    color:#71878e;

    font-size:7px;
    line-height:1.2;
    font-weight:650;

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

  .rcmwd-radar-note{
    display:grid;

    grid-template-columns:
      28px minmax(0,1fr);

    align-items:start;

    gap:8px;

    margin-top:8px;

    padding:10px 11px;

    border-radius:14px;

    background:#eef8f6;
    color:#426d70;
  }

  .rcmwd-radar-note>span{
    display:grid;
    place-items:center;

    width:28px;
    height:28px;

    border-radius:50%;

    background:#dff3ee;
    color:#0b957d;

    font-size:12px;
  }

  .rcmwd-radar-note p{
    margin:1px 0 0;

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

  @media(max-width:390px){

    #rcMobileWeatherView[data-snap="expanded"][data-view="overview"]{
      max-height:calc(100svh - 72px);
    }

    #rcmwdForecastText,
    #rcmwdRadarNarrative{
      font-size:10px;
    }
  }
}


/* =====================================================================
   RadarČeska — Mobile Weather Depth v1.1.2
   CITY LINK + PRECIPITATION EVENT UX
   ===================================================================== */

@media(max-width:700px){

  /* -----------------------------------------------------
     CITY LINK
     ----------------------------------------------------- */

  .rcmwd-city-cta{
    display:grid;

    grid-template-columns:
      minmax(0,1fr) auto;

    grid-template-areas:
      "label arrow"
      "name arrow";

    align-items:center;

    column-gap:12px;
    row-gap:3px;

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

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

    border-radius:16px;

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

    color:#284b54;

    text-decoration:none;

    box-shadow:
      0 6px 18px rgba(28,59,68,.035);

    -webkit-tap-highlight-color:
      transparent;
  }

  .rcmwd-city-cta[hidden]{
    display:none;
  }

  .rcmwd-city-cta>span{
    grid-area:label;

    color:#88999e;

    font-size:7px;
    line-height:1;
    font-weight:750;

    letter-spacing:.035em;
  }

  .rcmwd-city-cta>strong{
    grid-area:name;

    min-width:0;

    overflow:hidden;

    color:#173a44;

    font-size:11px;
    line-height:1.15;
    font-weight:900;

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

  .rcmwd-city-cta>b{
    grid-area:arrow;

    display:grid;
    place-items:center;

    width:29px;
    height:29px;

    border-radius:50%;

    background:#eef5f6;
    color:#57757d;

    font-size:18px;
    line-height:1;
    font-weight:500;
  }

  .rcmwd-city-cta:active{
    transform:scale(.992);
  }

  .rcmwd-city-inline{
    display:inline-flex;

    align-items:center;

    margin-left:6px;
    padding:3px 6px;

    border-radius:999px;

    background:#eef4f5;
    color:#668087;

    font-size:6.5px;
    line-height:1;
    font-weight:800;

    text-decoration:none;

    vertical-align:middle;

    -webkit-tap-highlight-color:
      transparent;
  }

  .rcmwd-city-inline[hidden]{
    display:none;
  }

  /* -----------------------------------------------------
     RADAR EVENT HERO
     ----------------------------------------------------- */

  .rcmwd-radar-event{
    margin-top:12px;

    padding:13px 14px;

    border:
      1px solid rgba(39,103,121,.08);

    border-radius:17px;

    background:
      linear-gradient(
        180deg,
        #f3f9fb,
        #eef6f8
      );
  }

  .rcmwd-radar-event[hidden]{
    display:none;
  }

  .rcmwd-radar-event small{
    display:block;

    color:#708a92;

    font-size:6.8px;
    line-height:1;
    font-weight:850;

    letter-spacing:.09em;
  }

  .rcmwd-radar-event strong{
    display:block;

    margin-top:7px;

    color:#153b47;

    font-size:22px;
    line-height:1.02;
    font-weight:950;

    letter-spacing:-.045em;
  }

  .rcmwd-radar-event span{
    display:block;

    margin-top:7px;

    color:#607d85;

    font-size:8px;
    line-height:1.35;
    font-weight:700;
  }

  #rcmwRadarDepth[data-rain-state="approaching"]
  .rcmwd-radar-event{
    border-color:
      rgba(48,113,160,.10);

    background:
      linear-gradient(
        180deg,
        #f2f8fc,
        #edf5fa
      );
  }

  #rcmwRadarDepth[data-rain-state="raining"]
  .rcmwd-radar-event{
    border-color:
      rgba(35,112,163,.12);

    background:
      linear-gradient(
        180deg,
        #edf7fc,
        #e8f3fa
      );
  }

  #rcmwRadarDepth[data-rain-state="ending"]
  .rcmwd-radar-event{
    border-color:
      rgba(54,128,120,.10);

    background:
      linear-gradient(
        180deg,
        #f0f8f6,
        #ebf5f3
      );
  }

  /* -----------------------------------------------------
     DRY STATE
     no empty ETA / duration / peak / trend grid
     ----------------------------------------------------- */

  #rcmwRadarDepth[data-rain-state="dry"]
  .rcmwd-section-head,

  #rcmwRadarDepth[data-rain-state="dry"]
  .rcmwd-radar-event,

  #rcmwRadarDepth[data-rain-state="dry"]
  .rcmwd-radar-metrics,

  #rcmwRadarDepth[data-rain-state="dry"]
  .rcmwd-radar-note{
    display:none;
  }

  #rcmwRadarDepth[data-rain-state="dry"]
  .rcmwd-radar-intel{
    padding:13px 14px;

    border-color:
      rgba(37,90,91,.055);

    background:#f7fbfa;

    box-shadow:none;
  }

  #rcmwRadarDepth[data-rain-state="dry"]
  #rcmwdRadarNarrative{
    margin:0;

    color:#53746f;

    font-size:9.5px;
    line-height:1.45;
    font-weight:700;
  }

  /* -----------------------------------------------------
     LOADING
     ----------------------------------------------------- */

  #rcmwRadarDepth[data-rain-state="loading"]
  .rcmwd-radar-event,

  #rcmwRadarDepth[data-rain-state="loading"]
  .rcmwd-radar-metrics{
    display:none;
  }

  /* -----------------------------------------------------
     EVENT METRICS
     ----------------------------------------------------- */

  #rcmwRadarDepth[data-rain-state="approaching"]
  .rcmwd-radar-metrics,

  #rcmwRadarDepth[data-rain-state="raining"]
  .rcmwd-radar-metrics,

  #rcmwRadarDepth[data-rain-state="ending"]
  .rcmwd-radar-metrics{
    margin-top:10px;
  }

  #rcmwRadarDepth[data-rain-state="approaching"]
  .rcmwd-radar-metrics>div:first-child,

  #rcmwRadarDepth[data-rain-state="raining"]
  .rcmwd-radar-metrics>div:first-child,

  #rcmwRadarDepth[data-rain-state="ending"]
  .rcmwd-radar-metrics>div:first-child{
    border-color:
      rgba(42,111,136,.075);

    background:#f8fbfc;
  }

  #rcmwRadarDepth[data-rain-state="approaching"]
  .rcmwd-radar-metrics>div:first-child strong,

  #rcmwRadarDepth[data-rain-state="raining"]
  .rcmwd-radar-metrics>div:first-child strong,

  #rcmwRadarDepth[data-rain-state="ending"]
  .rcmwd-radar-metrics>div:first-child strong{
    font-size:16px;
  }

  @media(max-width:390px){

    .rcmwd-radar-event strong{
      font-size:20px;
    }

    .rcmwd-city-cta{
      padding:11px 12px;
    }
  }
}


/* =====================================================================
   RadarČeska — Mobile Weather Depth v1.1.3
   CITY TITLE LINK CLEANUP
   ===================================================================== */

@media(max-width:700px){

  /*
   * v1.1.2 city CTA is obsolete.
   * The actual city title is now the navigation surface.
   */
  .rcmwd-city-cta,
  .rcmwd-city-inline{
    display:none;
  }

  /*
   * Preserve the exact typography of the existing heading.
   * No blue web-link styling, no underline.
   */
  .rcmwd-title-city-link{
    display:inline-flex;

    align-items:center;

    gap:4px;

    max-width:100%;

    color:inherit;

    font:inherit;
    line-height:inherit;
    font-weight:inherit;
    letter-spacing:inherit;

    text-decoration:none;

    -webkit-tap-highlight-color:
      rgba(16,151,130,.08);
  }

  /*
   * Small discoverability cue.
   * The city name itself remains the dominant visual.
   */
  .rcmwd-title-city-link::after{
    content:"›";

    flex:0 0 auto;

    margin-left:1px;

    color:#739097;

    font-size:.72em;
    line-height:1;
    font-weight:750;

    transform:
      translateY(.02em);
  }

  .rcmwd-title-city-link:active{
    opacity:.68;
  }

  /*
   * Keyboard accessibility without adding a desktop-style
   * permanent underline to the mobile card.
   */
  .rcmwd-title-city-link:focus-visible{
    outline:
      2px solid rgba(10,157,132,.28);

    outline-offset:3px;

    border-radius:5px;
  }
}


/* =====================================================================
   RadarČeska — MOBILE WEATHER INTELLIGENCE v1.2.0
   ===================================================================== */

@media(max-width:700px){

  /* =====================================================
     FUSION SOURCE
     ===================================================== */

  .rcmi-fusion-source{
    display:flex;

    align-items:center;

    gap:6px;

    margin-top:9px;
    padding-top:8px;

    border-top:
      1px solid
      rgba(28,67,75,.055);

    color:#789097;

    font-size:6.8px;
    line-height:1.15;
  }

  .rcmi-fusion-source b{
    color:#355d66;
    font-weight:900;
  }

  .rcmi-fusion-source span{
    min-width:0;

    overflow:hidden;

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

  .rcmi-fusion-source i{
    margin-left:auto;

    color:#188d78;

    font-style:normal;
    font-weight:800;

    white-space:nowrap;
  }

  #rcmwRadarDepth[data-rain-state="model-approaching"]
  .rcmwd-radar-event{
    display:block;

    border-color:
      rgba(27,118,157,.12);

    background:
      linear-gradient(
        180deg,
        #eef8fb,
        #e8f4f7
      );
  }

  #rcmwRadarDepth[data-rain-state="model-approaching"]
  .rcmwd-radar-metrics{
    display:grid;
  }

  #rcmwRadarDepth[data-rain-state="model-approaching"]
  .rcmwd-radar-note{
    display:grid;
  }

  /* =====================================================
     FORECAST PANEL
     ===================================================== */

  #rcMobileForecastView{
    position:fixed;

    z-index:10026;

    left:
      max(
        6px,
        env(safe-area-inset-left,0px)
      );

    right:
      max(
        6px,
        env(safe-area-inset-right,0px)
      );

    bottom:
      calc(
        54px +
        env(safe-area-inset-bottom,0px)
      );

    max-height:
      calc(100svh - 125px);

    overflow-y:auto;
    overscroll-behavior:contain;

    padding:
      4px 14px 15px;

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

    border-radius:
      25px 25px 18px 18px;

    background:
      rgba(249,252,252,.988);

    box-shadow:
      0 22px 58px
      rgba(21,54,64,.19);

    color:#173943;

    scrollbar-width:none;

    -webkit-overflow-scrolling:
      touch;
  }

  #rcMobileForecastView::-webkit-scrollbar{
    display:none;
  }

  #rcMobileForecastView[hidden]{
    display:none;
  }

  .rcmi-forecast-grabber{
    width:50px;
    height:5px;

    margin:
      6px auto 8px;

    border-radius:999px;

    background:#aebdc2;
  }

  .rcmi-forecast-close{
    position:absolute;

    top:11px;
    right:11px;

    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    padding:0;

    border:
      1px solid
      rgba(32,74,84,.07);

    border-radius:50%;

    background:#f4f8f9;
    color:#769097;

    font-size:21px;
    line-height:1;

    appearance:none;
  }

  .rcmi-forecast-head{
    display:grid;

    grid-template-columns:
      50px minmax(0,1fr);

    align-items:center;

    gap:10px;

    padding:
      4px 43px 12px 1px;
  }

  .rcmi-forecast-icon{
    display:grid;
    place-items:center;

    width:50px;
    height:50px;

    border-radius:16px;

    background:#e8f7f4;
    color:#0b927c;

    font-size:26px;
  }

  .rcmi-forecast-head small{
    display:block;

    color:#68858d;

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

    letter-spacing:.08em;
  }

  .rcmi-forecast-head strong{
    display:block;

    min-width:0;

    margin-top:4px;

    overflow:hidden;

    color:#113642;

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

    letter-spacing:-.04em;

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

  .rcmi-forecast-head>div:last-child>span{
    display:block;

    margin-top:5px;

    color:#738990;

    font-size:8px;
    font-weight:650;
  }

  .rcmi-forecast-city{
    color:inherit;

    font:inherit;
    font-weight:inherit;

    text-decoration:none;
  }

  .rcmi-forecast-city::after{
    content:"›";

    display:inline-block;

    margin-left:5px;

    color:#739097;

    font-size:.7em;
  }

  /* =====================================================
     RANGE TABS
     ===================================================== */

  .rcmi-forecast-tabs{
    display:grid;

    grid-template-columns:
      repeat(4,minmax(0,1fr));

    gap:2px;

    padding:4px;

    border:
      1px solid
      rgba(28,68,77,.06);

    border-radius:15px;

    background:#fff;
  }

  .rcmi-forecast-tabs button{
    min-width:0;

    padding:9px 3px;

    border:0;
    border-radius:11px;

    background:transparent;
    color:#6c838a;

    font-size:7.4px;
    line-height:1;
    font-weight:850;

    appearance:none;
  }

  .rcmi-forecast-tabs button.is-active{
    background:#0a967f;
    color:#fff;

    box-shadow:
      0 4px 12px
      rgba(10,150,127,.18);
  }

  /* =====================================================
     METRICS
     ===================================================== */

  .rcmi-forecast-metrics{
    display:grid;

    grid-template-columns:
      repeat(4,minmax(0,1fr));

    margin-top:9px;

    overflow:hidden;

    border:
      1px solid
      rgba(27,68,78,.055);

    border-radius:17px;

    background:#fff;
  }

  .rcmi-forecast-metrics article{
    min-width:0;

    padding:11px 5px;

    text-align:center;

    border-right:
      1px solid
      rgba(27,68,78,.05);
  }

  .rcmi-forecast-metrics article:last-child{
    border-right:0;
  }

  .rcmi-forecast-metrics span{
    display:block;

    overflow:hidden;

    color:#809399;

    font-size:6.5px;
    font-weight:750;

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

  .rcmi-forecast-metrics strong{
    display:block;

    margin-top:6px;

    overflow:hidden;

    color:#173b46;

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

    letter-spacing:-.025em;

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

  /* =====================================================
     GRAPH
     ===================================================== */

  .rcmi-chart-card,
  .rcmi-hourly-card{
    margin-top:9px;
    padding:12px;

    border:
      1px solid
      rgba(27,68,78,.055);

    border-radius:18px;

    background:#fff;
  }

  .rcmi-chart-head{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:8px;
  }

  .rcmi-chart-head strong{
    color:#20434d;

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

  .rcmi-chart-head span{
    color:#899a9f;

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

  .rcmi-chart{
    position:relative;

    width:100%;
    height:210px;

    margin-top:8px;

    user-select:none;
    touch-action:pan-y;
  }

  .rcmi-chart svg{
    display:block;

    width:100%;
    height:100%;

    overflow:visible;
  }

  .rcmi-grid-line{
    stroke:#e9eff1;
    stroke-width:1;
  }

  .rcmi-cloud-column{
    fill:#8fa5aa;
  }

  .rcmi-rain-bar{
    fill:#4da9e8;

    opacity:.82;

    transform-origin:bottom;

    animation:
      rcmiRainIn .35s ease both;
  }

  .rcmi-temp-path{
    fill:none;

    stroke:#ef7f2d;
    stroke-width:4.2;

    stroke-linecap:round;
    stroke-linejoin:round;

    vector-effect:
      non-scaling-stroke;

    animation:
      rcmiLineIn .42s ease both;
  }

  .rcmi-wind-path{
    fill:none;

    stroke:#9e8bd5;
    stroke-width:2;

    stroke-dasharray:6 6;

    stroke-linecap:round;
    stroke-linejoin:round;

    opacity:.75;

    vector-effect:
      non-scaling-stroke;
  }

  @keyframes rcmiRainIn{
    from{
      opacity:0;
    }

    to{
      opacity:.82;
    }
  }

  @keyframes rcmiLineIn{
    from{
      opacity:.22;
    }

    to{
      opacity:1;
    }
  }

  .rcmi-axis-label{
    fill:#82969c;

    font-size:14px;

    font-family:
      system-ui,
      -apple-system,
      sans-serif;
  }

  .rcmi-chart-cursor{
    stroke:#173943;
    stroke-width:1.5;

    opacity:.72;

    vector-effect:
      non-scaling-stroke;
  }

  .rcmi-temp-dot{
    fill:#fff;

    stroke:#ef7f2d;
    stroke-width:3;

    vector-effect:
      non-scaling-stroke;
  }

  .rcmi-chart-tooltip{
    position:absolute;

    z-index:2;

    top:12px;

    width:116px;

    padding:9px 10px;

    transform:
      translateX(-50%);

    border-radius:12px;

    background:
      rgba(18,28,34,.94);

    color:#fff;

    box-shadow:
      0 8px 24px
      rgba(0,0,0,.15);

    pointer-events:none;
  }

  .rcmi-chart-tooltip[hidden]{
    display:none;
  }

  .rcmi-chart-tooltip strong{
    display:block;

    margin-bottom:5px;

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

  .rcmi-chart-tooltip span{
    display:block;

    margin-top:3px;

    font-size:6.8px;
    line-height:1.25;
    font-weight:650;
  }

  .rcmi-chart-tooltip span[data-k="temp"]{
    color:#ffb06f;
  }

  .rcmi-chart-tooltip span[data-k="rain"]{
    color:#7fc6f4;
  }

  .rcmi-chart-tooltip span[data-k="wind"]{
    color:#c4b7ef;
  }

  .rcmi-chart-tooltip span[data-k="cloud"]{
    color:#d7e0e2;
  }

  .rcmi-chart-legend{
    display:flex;

    align-items:center;
    justify-content:center;

    flex-wrap:wrap;

    gap:8px;

    margin-top:4px;

    color:#788e95;

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

  .rcmi-chart-legend span::before{
    content:"";

    display:inline-block;

    width:7px;
    height:7px;

    margin-right:3px;

    border-radius:50%;

    vertical-align:-1px;
  }

  .rcmi-chart-legend .is-temp::before{
    background:#ef7f2d;
  }

  .rcmi-chart-legend .is-rain::before{
    background:#4da9e8;
  }

  .rcmi-chart-legend .is-wind::before{
    background:#9e8bd5;
  }

  .rcmi-chart-legend .is-cloud::before{
    background:#9aaeb3;
  }

  .rcmi-chart-empty{
    display:grid;
    place-items:center;

    height:180px;

    color:#7f949a;

    font-size:8px;
  }

  /* =====================================================
     HOURLY STRIP
     ===================================================== */

  .rcmi-hourly{
    display:flex;

    gap:6px;

    margin-top:9px;

    overflow-x:auto;

    scrollbar-width:none;

    scroll-snap-type:
      x proximity;
  }

  .rcmi-hourly::-webkit-scrollbar{
    display:none;
  }

  .rcmi-hourly article{
    flex:
      0 0 58px;

    min-width:58px;

    padding:
      8px 5px;

    border:
      1px solid
      rgba(28,68,78,.05);

    border-radius:13px;

    background:#fbfdfd;

    text-align:center;

    scroll-snap-align:start;
  }

  .rcmi-hourly article span{
    display:block;

    color:#809399;

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

  .rcmi-hourly article i{
    display:block;

    margin-top:5px;

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

  .rcmi-hourly article strong{
    display:block;

    margin-top:4px;

    color:#173943;

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

  .rcmi-hourly article small{
    display:block;

    margin-top:4px;

    color:#4c9cd1;

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

  @media(max-width:380px){

    #rcMobileForecastView{
      left:4px;
      right:4px;

      padding-left:11px;
      padding-right:11px;
    }

    .rcmi-chart{
      height:195px;
    }

    .rcmi-forecast-head strong{
      font-size:18px;
    }
  }

  @media(prefers-reduced-motion:reduce){

    .rcmi-rain-bar,
    .rcmi-temp-path{
      animation:none;
    }
  }
}


/* =====================================================================
   RadarČeska — MOBILE WEATHER INTELLIGENCE v1.3.0
   SPATIAL RAIN + TRUE 24H GRAPH
   ===================================================================== */

@media(max-width:700px){

  .rcmi-spatial-radar{
    display:grid;
    grid-template-columns:10px minmax(0,1fr);
    align-items:start;
    gap:9px;
    margin-top:8px;
    padding:11px 12px;
    border:1px solid rgba(31,74,84,.055);
    border-radius:15px;
    background:rgba(255,255,255,.92);
    color:#4d6b73;
  }

  .rcmi-spatial-dot{
    width:8px;
    height:8px;
    margin-top:3px;
    border-radius:50%;
    background:#a9b8bc;
    box-shadow:0 0 0 4px rgba(115,144,151,.09);
  }

  .rcmi-spatial-radar[data-state="trajectory"] .rcmi-spatial-dot{
    background:#0b967f;
    box-shadow:0 0 0 4px rgba(11,150,127,.10);
  }

  .rcmi-spatial-radar[data-state="nearby"] .rcmi-spatial-dot{
    background:#4b9cc8;
    box-shadow:0 0 0 4px rgba(75,156,200,.10);
  }

  .rcmi-spatial-radar small{
    display:block;
    color:#84979c;
    font-size:6.3px;
    line-height:1;
    font-weight:850;
    letter-spacing:.08em;
  }

  .rcmi-spatial-radar strong{
    display:block;
    margin-top:4px;
    color:#1c424c;
    font-size:9px;
    line-height:1.15;
    font-weight:900;
  }

  .rcmi-spatial-radar p{
    margin:4px 0 0;
    color:#6f858b;
    font-size:7px;
    line-height:1.35;
    font-weight:650;
  }

  #rcmwRadarDepth[data-rain-state="spatial-approaching"] .rcmwd-radar-event{
    display:block;
    border-color:rgba(30,126,157,.12);
    background:linear-gradient(180deg,#edf8fb,#e8f4f7);
  }

  #rcmwRadarDepth[data-rain-state="spatial-approaching"] .rcmwd-radar-metrics{
    display:grid;
  }

  #rcmwRadarDepth[data-rain-state="spatial-approaching"] .rcmwd-radar-note{
    display:grid;
  }

  #rcmwRadarDepth[data-rain-state="spatial-approaching"] .rcmwd-radar-event strong{
    font-size:21px;
  }

  .rcmi-night-band{
    fill:#627b92;
    opacity:.075;
  }

  .rcmi-weather-symbol{
    fill:#5b747b;
    font-size:16px;
    font-family:system-ui,-apple-system,sans-serif;
    opacity:.82;
  }

  #rcmiChartRange{
    max-width:58%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}



/* =====================================================================
   RadarČeska — v1.3.1 FORECAST OWNER
   ===================================================================== */

@media(max-width:700px){

  /*
   * Interactive forecast is the only mobile detail
   * surface while the Předpověď tab is active.
   */
  html.rcmi-forecast-owned #modelPointCard{
    display:none;
  }

  html.rcmi-forecast-owned #rcMobileForecastView{
    display:block;
  }

  html.rcmi-forecast-owned #rcMobileForecastView[hidden]{
    display:none;
  }
}


/* =====================================================================
   RadarČeska — v1.3.2 FORECAST UI LATCH
   ===================================================================== */

@media(max-width:700px){

  /*
   * User-facing Forecast owns the mobile surface.
   * The map below may still internally run precip mode.
   */
  html.rcmi-forecast-requested #modelPointCard{
    display:none;
  }

  html.rcmi-forecast-requested #rcMobileForecastView{
    display:block;
  }

  html.rcmi-forecast-requested
  #rcMobileForecastView[hidden]{
    display:none;
  }
}


/* =====================================================================
   RadarČeska — v1.3.3
   Synchronous Forecast ownership
   ===================================================================== */

@media(max-width:700px){

  html.rcmi-forecast-requested #modelPointCard{
    display:none;
  }

  html.rcmi-forecast-requested #rcMobileWeatherView{
    display:none;
  }

  html.rcmi-forecast-requested #rcMobileForecastView{
    display:block;
  }

  html.rcmi-forecast-requested
  #rcMobileForecastView[hidden]{
    display:none;
  }
}


/* =====================================================================
   RadarČeska — MOBILE WEATHER v1.4.0
   Forecast = third view of common rcMobileWeatherView
   ===================================================================== */

@media(max-width:700px){

  /* -----------------------------------------------------
     THREE VIEWS / ONE ROOT
     ----------------------------------------------------- */

  #rcMobileWeatherView .rcmw-forecast{
    display:none;

    min-width:0;
  }

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

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

  /* -----------------------------------------------------
     Forecast panel is no longer another fixed card.
     It is content inside the common card.
     ----------------------------------------------------- */

  #rcMobileWeatherView
  #rcMobileForecastView{
    position:static;

    z-index:auto;

    inset:auto;

    left:auto;
    right:auto;
    top:auto;
    bottom:auto;

    width:auto;
    max-width:none;

    min-height:0;
    max-height:none;

    margin:0;

    overflow:visible;

    padding:
      0 1px 5px;

    border:0;
    border-radius:0;

    background:transparent;

    box-shadow:none;
  }

  /* Common handle + common X own the complete sheet. */

  #rcMobileWeatherView
  #rcMobileForecastView
  .rcmi-forecast-grabber,
  #rcMobileWeatherView
  #rcMobileForecastView
  .rcmi-forecast-close{
    display:none;
  }

  /* -----------------------------------------------------
     Common compact / expanded behaviour
     ----------------------------------------------------- */

  #rcMobileWeatherView[data-view="forecast"]
  .rcmw-forecast{
    max-height:
      min(
        56svh,
        520px
      );

    overflow-y:auto;
    overflow-x:hidden;

    overscroll-behavior:contain;

    scrollbar-width:none;

    -webkit-overflow-scrolling:
      touch;
  }

  #rcMobileWeatherView[data-view="forecast"]
  .rcmw-forecast::-webkit-scrollbar{
    display:none;
  }

  #rcMobileWeatherView[data-view="forecast"][data-snap="expanded"]
  .rcmw-forecast{
    max-height:
      calc(
        100svh -
        132px -
        env(safe-area-inset-bottom,0px)
      );
  }

  /* -----------------------------------------------------
     Header begins under common sheet handle / close.
     ----------------------------------------------------- */

  #rcMobileWeatherView[data-view="forecast"]
  .rcmi-forecast-head{
    padding-top:5px;
  }

  /*
   * Old v1.3.x owner classes no longer own any panel.
   */

  html.rcmi-forecast-requested
  #rcMobileForecastView,
  html.rcmi-forecast-owned
  #rcMobileForecastView{
    display:initial;
  }

  /*
   * Old model detail must not compete with Forecast.
   */

  #app[data-rcmw-view="forecast"]
  #modelPointCard{
    display:none;
  }
}

/* =====================================================================
   RadarČeska — MOBILE WEATHER v1.4.1
   PRO FORECAST · FULL SHEET · TRUE RANGE · UNIFIED ICONS
   ===================================================================== */

@media(max-width:700px){
  #rcMobileWeatherView[data-view="forecast"][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-view="forecast"][data-rcfp-snap="full"] .rcmw-shell{
    display:flex;flex-direction:column;width:100%;height:100%;
    min-height:0;max-height:none;overflow:hidden;
  }
  #rcMobileWeatherView[data-view="forecast"][data-rcfp-snap="full"] .rcmw-forecast{
    flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  }
  #rcMobileWeatherView[data-view="forecast"][data-rcfp-snap="full"] #rcMobileForecastView{
    min-height:0;max-height:none;overflow:visible;
  }
  #rcMobileWeatherView[data-view="forecast"] .rcmw-handle{cursor:grab;touch-action:none}
  #rcMobileWeatherView[data-view="forecast"] .rcmw-handle:active{cursor:grabbing}
  #rcMobileWeatherView[data-view="forecast"] .rcmi-forecast-tabs button:disabled{
    opacity:.35;cursor:default;filter:saturate(.35);
  }
  #rcMobileWeatherView[data-view="forecast"] .rcmi-chart-card{
    overflow:hidden;border:1px solid rgba(39,74,87,.10);
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,252,253,.98));
    box-shadow:0 10px 28px rgba(29,55,65,.055);
  }
  #rcMobileWeatherView[data-view="forecast"] #rcmiChart{
    position:relative;min-height:250px;overflow:hidden;border-radius:15px;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,252,.96));
    touch-action:pan-y;
  }
  #rcMobileWeatherView[data-view="forecast"] .rcfp-chart-svg{
    display:block;width:100%;height:250px;overflow:visible;
  }
  .rcfp-night-band{fill:#dce7ef;opacity:.38}
  .rcfp-cloud-band{fill:#8299a5}
  .rcfp-hgrid{stroke:#e5edf1;stroke-width:1;vector-effect:non-scaling-stroke}
  .rcfp-day-grid{stroke:#cddae0;stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
  .rcfp-temp-scale{fill:#8b9ca3;font-size:17px;font-weight:700}
  .rcfp-axis-label{fill:#71858e;font-size:16px;font-weight:700}
  .rcfp-temp-area{fill:url(#rcfpTempArea);stroke:none}
  .rcfp-minmax-band{fill:#f39a43;opacity:.10}
  .rcfp-temp-line{fill:none;stroke:#f08b2f;stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
  .rcfp-temp-dot{fill:#fff;stroke:#f08b2f;stroke-width:2.4;vector-effect:non-scaling-stroke}
  .rcfp-rain-bar{fill:#45a6df;opacity:.72}
  .rcfp-wind-line{fill:none;stroke:#7489b4;stroke-width:2.1;stroke-dasharray:5 5;stroke-linecap:round;opacity:.78;vector-effect:non-scaling-stroke}
  .rcfp-chart-cursor{stroke:#183f4a;stroke-width:1.2;stroke-dasharray:4 4;opacity:.55;vector-effect:non-scaling-stroke}
  .rcfp-chart-tooltip{
    position:absolute;top:42px;z-index:5;width:166px;padding:9px 10px;
    border:1px solid rgba(255,255,255,.13);border-radius:11px;
    background:rgba(24,42,50,.94);box-shadow:0 9px 24px rgba(18,37,44,.18);
    color:#fff;pointer-events:none;backdrop-filter:blur(8px);
  }
  .rcfp-chart-tooltip strong,.rcfp-chart-tooltip span,.rcfp-chart-tooltip small{display:block}
  .rcfp-chart-tooltip strong{margin-bottom:3px;font-size:11px;font-weight:800}
  .rcfp-chart-tooltip span{font-size:16px;font-weight:850}
  .rcfp-chart-tooltip small{margin-top:3px;color:rgba(255,255,255,.76);font-size:9px;line-height:1.35}
  #rcMobileWeatherView[data-view="forecast"] #rcmiHourly{
    display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 7px;
    scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  #rcMobileWeatherView[data-view="forecast"] #rcmiHourly::-webkit-scrollbar{display:none}
  .rcfp-strip-item{
    display:grid;grid-template-rows:auto 37px auto auto;align-items:center;justify-items:center;
    flex:0 0 74px;min-width:74px;padding:8px 6px;border:1px solid rgba(39,74,87,.09);
    border-radius:13px;background:rgba(255,255,255,.92);scroll-snap-align:start;
  }
  .rcfp-strip-item span{color:#6c8189;font-size:9px;font-weight:760;white-space:nowrap}
  .rcfp-strip-item strong{color:#173943;font-size:13px;font-weight:850;white-space:nowrap}
  .rcfp-strip-item small{min-height:12px;color:#7c9098;font-size:8px;font-weight:700;white-space:nowrap}
  .rcfp-strip-icon{display:grid;place-items:center;width:34px;height:34px;font-style:normal}
  .rcfp-weather-svg{display:block;width:32px;height:32px;overflow:visible}
  .rcfp-weather-svg path,.rcfp-weather-svg circle{
    fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.35;
  }
  .rcfp-icon-sun{stroke:#e6a329}
  .rcfp-icon-moon{stroke:#6983a3}
  .rcfp-icon-cloud{stroke:#748991}
  .rcfp-icon-rain{stroke:#287fc5}
  .rcfp-icon-snow{stroke:#5a9bc7}
  .rcfp-icon-storm{stroke:#7659c8}
  #rcMobileWeatherView[data-view="forecast"][data-rcfp-snap="full"] .rcmw-handle,
  #rcMobileWeatherView[data-view="forecast"][data-rcfp-snap="full"] .rcmw-close{
    position:relative;z-index:10;flex:0 0 auto;
  }
}


/* =====================================================================
   RadarČeska — MOBILE WEATHER v1.4.2
   CRISP GRAPH + FULL-SHEET CLOSE CORNER
   ===================================================================== */

@media(max-width:700px){

  /* Full sheet: use the same top-right close affordance as other cards. */
  #rcMobileWeatherView[data-view="forecast"][data-rcfp-snap="full"] .rcmw-shell{
    position:relative;
  }

  #rcMobileWeatherView[data-view="forecast"][data-rcfp-snap="full"] .rcmw-close{
    position:absolute;
    top:10px;
    right:10px;
    bottom:auto;
    left:auto;
    z-index:30;
    margin:0;
    transform:none;
  }

  /* Keep grabber independent from the close button. */
  #rcMobileWeatherView[data-view="forecast"][data-rcfp-snap="full"] .rcmw-handle{
    position:relative;
    z-index:10;
  }

  /* SVG now has a phone-sized intrinsic ratio; never stretch X and Y separately. */
  #rcMobileWeatherView[data-view="forecast"] #rcmiChart{
    min-height:0;
    background:#fff;
  }

  #rcMobileWeatherView[data-view="forecast"] .rcfp-chart-svg{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:340 / 236;
    overflow:visible;
    shape-rendering:geometricPrecision;
    text-rendering:geometricPrecision;
  }

  #rcMobileWeatherView[data-view="forecast"] .rcfp-chart-svg text{
    font-family:inherit;
    font-kerning:normal;
  }

  /* Less atmospheric haze: data line first, context second. */
  .rcfp-night-band{fill:#dce7ef;opacity:.13}
  .rcfp-cloud-band{fill:#8299a5}
  .rcfp-hgrid{stroke:#e7edef;stroke-width:.85;vector-effect:non-scaling-stroke}
  .rcfp-day-grid{stroke:#d2dde1;stroke-width:.9;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
  .rcfp-temp-scale{fill:#71858d;font-size:10.5px;font-weight:720}
  .rcfp-axis-label{fill:#667b84;font-size:10.5px;font-weight:720}
  .rcfp-temp-area{fill:url(#rcfpTempArea);stroke:none}
  .rcfp-minmax-band{fill:#f39a43;opacity:.075}
  .rcfp-temp-line{fill:none;stroke:#e9852c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
  .rcfp-temp-dot{fill:#fff;stroke:#e9852c;stroke-width:1.8;vector-effect:non-scaling-stroke}
  .rcfp-rain-bar{fill:#3f9fd8;opacity:.8}
  .rcfp-wind-line{fill:none;stroke:#7488ad;stroke-width:1.55;stroke-dasharray:4 4;stroke-linecap:round;opacity:.68;vector-effect:non-scaling-stroke}
  .rcfp-chart-cursor{stroke:#214650;stroke-width:1;stroke-dasharray:3 4;opacity:.55;vector-effect:non-scaling-stroke}

  /* Tooltip stays opaque and crisp; no backdrop blur over the graph. */
  .rcfp-chart-tooltip{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }

  #rcMobileWeatherView[data-view="forecast"] .rcmi-chart-legend{
    gap:11px;
    padding-top:6px;
  }

  #rcMobileWeatherView[data-view="forecast"] .rcmi-chart-legend span{
    font-size:9px;
    font-weight:740;
    letter-spacing:0;
  }
}



/* =====================================================================
   RadarČeska — MOBILE WEATHER v1.4.3 R2
   FULL GRAPH FRAME + TRUE DAILY HIGH/LOW + VALUE LABELS
   ===================================================================== */

@media(max-width:700px){

  /* Full SVG frame: V142 was crisp, but its lower axis was too tight. */
  #rcMobileWeatherView[data-view="forecast"] #rcmiChart{
    height:auto;
    min-height:0;
    overflow:visible;
    padding-bottom:0;
  }

  #rcMobileWeatherView[data-view="forecast"] .rcfp-chart-svg{
    width:100%;
    height:auto;
    aspect-ratio:340 / 252;
    overflow:visible;
  }

  /* Do not crop the enlarged 252px SVG at the chart-card boundary. */
  #rcMobileWeatherView[data-view="forecast"] .rcmi-chart-card{
    overflow:visible;
    padding-bottom:4px;
  }

  /* True daily max/min geometry. */
  .rcfp-temp-high{
    stroke:#e9852c;
    stroke-width:2.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
  }

  .rcfp-temp-low{
    fill:none;
    stroke:#ad7948;
    stroke-width:2.05;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-dasharray:3.5 3.5;
    opacity:.82;
    vector-effect:non-scaling-stroke;
  }

  .rcfp-temp-high-dot{
    fill:#fff;
    stroke:#e9852c;
    stroke-width:1.7;
    vector-effect:non-scaling-stroke;
  }

  .rcfp-temp-low-dot{
    fill:#fff;
    stroke:#ad7948;
    stroke-width:1.5;
    vector-effect:non-scaling-stroke;
  }

  .rcfp-temp-value{
    font-family:inherit;
    font-size:9px;
    font-weight:820;
    paint-order:stroke;
    stroke:#fff;
    stroke-width:2.6px;
    stroke-linejoin:round;
  }

  .rcfp-temp-value-high{
    fill:#c86e21;
  }

  .rcfp-temp-value-low{
    fill:#805b3d;
  }

  .rcfp-minmax-band{
    fill:#f39a43;
    opacity:.05;
  }

  .rcfp-axis-label{
    font-size:9.5px;
    font-weight:720;
  }

  /* Slightly more separation between chart and legend. */
  #rcMobileWeatherView[data-view="forecast"] .rcmi-chart-legend{
    padding-top:9px;
  }
}