/* =====================================================================
   RadarČeska — MOBILE TEMPERATURE PRO v1.5.1
   CONTENT ONLY: never owns #rcMobileWeatherView geometry.
   ===================================================================== */

@media(max-width:700px){

  /* V151 R2: legacy model point card is suppressed only for Temperature.
     The common rcMobileWeatherView remains the sole visible mobile owner. */
  #modelPointCard[data-layer="temperature"]{
    display:none;
  }

  .rcmw-temperature{
    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-temperature::-webkit-scrollbar{
    display:none;
  }

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

  .rct151-thermo{
    display:grid;
    place-items:center;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:11px;
    background:
      linear-gradient(
        145deg,
        #fff5ec,
        #ffe9d5
      );
    color:#d66f18;
    box-shadow:
      inset 0 0 0 1px
      rgba(210,111,25,.11);
  }

  .rct151-thermo svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

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

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

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

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

  .rct151-loading{
    display:grid;
    place-items:center;
    gap:8px;
    min-height:220px;
    padding:20px;
    color:#71858c;
    text-align:center;
  }

  .rct151-loading[hidden]{
    display:none;
  }

  .rct151-loading span{
    width:24px;
    height:24px;
    border:
      2px solid
      #e6edef;
    border-top-color:#d97722;
    border-radius:50%;
    animation:
      rct151spin .8s
      linear infinite;
  }

  .rct151-loading p{
    margin:0;
    font-size:10px;
    font-weight:680;
  }

  @keyframes rct151spin{
    to{
      transform:rotate(360deg);
    }
  }

  .rct151-hero{
    display:grid;
    grid-template-columns:
      minmax(0,1.12fr)
      minmax(0,1fr);
    gap:8px;
    width:100%;
    min-width:0;
    margin-bottom:8px;
  }

  .rct151-current,
  .rct151-extremes{
    box-sizing:border-box;
    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);
  }

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

  .rct151-current small{
    display:block;
    margin-bottom:1px;
    color:#7d8d93;
    font-size:9px;
    font-weight:700;
  }

  .rct151-current strong{
    display:block;
    color:#d76f1b;
    font-size:39px;
    font-weight:820;
    line-height:1;
    letter-spacing:-.05em;
  }

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

  .rct151-extremes{
    display:grid;
    grid-template-columns:1fr 1fr;
    overflow:hidden;
  }

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

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

  .rct151-extremes small{
    display:block;
    max-width:100%;
    color:#829198;
    font-size:7.5px;
    font-weight:700;
    line-height:1.15;
  }

  .rct151-extremes strong{
    display:block;
    margin-top:3px;
    color:#234952;
    font-size:19px;
    font-weight:810;
  }

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

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

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

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

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

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

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

  .rct151-tabs button:disabled{
    opacity:.36;
  }

  .rct151-chart-card{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    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);
  }

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

  .rct151-chart-card>header div{
    display:grid;
    min-width:0;
    gap:1px;
  }

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

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

  .rct151-range{
    flex:0 0 auto;
    padding:4px 7px;
    border-radius:999px;
    background:#fff1e5;
    color:#b75c17;
    font-size:8.5px;
    font-weight:780;
  }

  .rct151-chart{
    position:relative;
    box-sizing:border-box;
    width:100%;
    min-width:0;
    overflow:visible;
  }

  .rct151-svg{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:340 / 236;
    overflow:visible;
    shape-rendering:geometricPrecision;
    text-rendering:geometricPrecision;
  }

  .rct151-grid{
    stroke:#e7edef;
    stroke-width:.8;
    vector-effect:non-scaling-stroke;
  }

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

  .rct151-night{
    fill:#dce7ef;
    opacity:.14;
  }

  .rct151-zero{
    stroke:#6f91a0;
    stroke-width:1;
    stroke-dasharray:4 4;
    opacity:.72;
    vector-effect:non-scaling-stroke;
  }

  .rct151-zero-text{
    fill:#6d8995;
    font-family:inherit;
    font-size:8.2px;
    font-weight:760;
  }

  .rct151-area{
    fill:url(#rct151TempFill);
    stroke:none;
  }

  .rct151-band{
    fill:#ef8b34;
    opacity:.07;
    stroke:none;
  }

  .rct151-temp{
    fill:none;
    stroke:#df7921;
    stroke-width:2.75;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
  }

  .rct151-low{
    fill:none;
    stroke:#748f9a;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
  }

  .rct151-feels{
    fill:none;
    stroke:#9b7961;
    stroke-width:1.3;
    stroke-dasharray:4 4;
    opacity:.72;
    vector-effect:non-scaling-stroke;
  }

  .rct151-high-value{
    fill:#d66f1c;
    font-family:inherit;
    font-size:8.7px;
    font-weight:800;
  }

  .rct151-low-value{
    fill:#66818c;
    font-family:inherit;
    font-size:8.3px;
    font-weight:760;
  }

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

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

  .rct151-tooltip{
    position:absolute;
    top:32px;
    z-index:4;
    display:grid;
    gap:1px;
    min-width:86px;
    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;
  }

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

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

  .rct151-legend{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    padding:
      2px 3px 0;
  }

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

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

  .rct151-legend .is-temp::before{
    background:#df7921;
  }

  .rct151-legend .is-feels::before{
    background:
      repeating-linear-gradient(
        90deg,
        #9b7961 0 3px,
        transparent 3px 5px
      );
  }

  .rct151-legend .is-zero::before{
    background:
      repeating-linear-gradient(
        90deg,
        #72909c 0 3px,
        transparent 3px 5px
      );
  }

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

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

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

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

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

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

  .rct151-hour small,
  .rct151-day small{
    color:#74868d;
    font-size:8px;
    font-weight:700;
  }

  .rct151-hour i,
  .rct151-day i{
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    font-style:normal;
  }

  .rct151-hour strong,
  .rct151-day strong{
    color:#244953;
    font-size:13px;
    font-weight:810;
  }

  .rct151-hour span,
  .rct151-day span{
    color:#7e8e94;
    font-size:7.5px;
    font-weight:650;
    white-space:nowrap;
  }

  .rct151-weather-svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#748b95;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .rct151-weather-svg.is-sun,
  .rct151-weather-svg.is-suncloud{
    stroke:#e39822;
  }

  .rct151-weather-svg.is-rain{
    stroke:#398ab8;
  }

  .rct151-weather-svg.is-snow{
    stroke:#6094b4;
  }

  .rct151-weather-svg.is-storm{
    stroke:#765999;
  }

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

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


/* RadarČeska Temperature v1.6.0 — clearer factual microcopy */
@media(max-width:700px){
  .rct151-fact-note{
    display:block;
    margin-top:1px;
    overflow:hidden;
    color:#89979c;
    font-size:7px;
    font-weight:650;
    line-height:1.15;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}