/* RadarCeska Weather SEO/Data v1.7.1 — MOBILE VISUAL TUNING
   Final visual override loaded after PublicShell. No weather/data semantics changed. */

@media(max-width:760px){
  /* Keep the hero compact: two useful actions on one row on normal phones. */
  .weather-topic-page .weather-topic-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px;
    margin-top:13px;
  }
  .weather-topic-page .weather-topic-actions a{
    min-width:0;
    min-height:43px;
    padding:8px 8px;
    border-radius:12px;
    font-size:10.5px;
    line-height:1.2;
    white-space:nowrap;
  }

  /* The screenshots show the freshness row works better below the intro than squeezed at right. */
  .weather-topic-page .weather-topic-live-board-head{display:block}
  .weather-topic-page .weather-topic-freshness{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    margin-top:7px;
  }
  .weather-topic-page .weather-topic-freshness small{
    max-width:none;
    text-align:left;
  }

  /* Slightly denser live card without removing useful meteorological context. */
  .weather-topic-page .weather-topic-live-item{padding:11px 11px 10px;gap:6px}
  .weather-topic-page .weather-topic-live-facts>span{min-height:44px;padding:7px 8px}
  .weather-topic-page .weather-topic-live-motion{padding:7px 8px}
  .weather-topic-page .weather-topic-live-expectation{padding-top:6px}
  .weather-topic-page .weather-topic-live-card-foot{justify-content:flex-end;padding-top:1px}
  .weather-topic-page .weather-topic-live-source-note{display:none}

  /* Full-live link is already present in the hero; remove the repeated mobile CTA. */
  .weather-topic-page .weather-topic-live-source{display:none}

  /* Preserve the useful horizontal city strip but make it feel deliberate. */
  .weather-topic-page .weather-topic-point-grid{
    padding-bottom:2px;
    scroll-padding-inline:1px;
  }
  .weather-topic-page .weather-topic-point-card{flex-basis:130px}
  .weather-topic-page .weather-topic-points-head small{max-width:44%}
}

@media(max-width:340px){
  .weather-topic-page .weather-topic-actions{grid-template-columns:1fr}
  .weather-topic-page .weather-topic-actions a{white-space:normal}
}