/* Pogodynka.eu — Mobile polish (global)
   Cel: wszystkie podstrony czytelne na telefonie, bez psucia logiki JS.
*/
@media (max-width: 980px){
  :root{ --navH: 60px; }

  /* Navbar */
  .navbar__inner{ padding: 0 10px; gap: 10px; }
  .brand__icon{ width:34px; height:34px; border-radius: 12px; }
  .brand__text{ font-size: 15px; }
  .nav{ justify-content:flex-start; gap: 6px; }
  .nav__link{ padding: 8px 10px; border-radius: 12px; font-size: 14px; }
  .clock{ display:none; } /* na mobile zostawiamy miejsce na menu */

  /* Global spacing */
  .page, .wrap, .container{ padding-left: 12px; padding-right: 12px; }
  h1{ font-size: 26px; }
  h2{ font-size: 20px; }
  .card{ border-radius: 18px; }

  /* Forms / inputs */
  input, select, textarea{ font-size: 16px; } /* iOS zoom fix */
  .btn, button{ min-height: 42px; }

  /* Maps/canvas: wymuś sensowną wysokość gdy rodzic nie daje (0px bug) */
  #map, .map, .leaflet-container{
    min-height: 56vh;
  }

  /* Leaflet controls - większe dotykowe */
  .leaflet-control-zoom a{
    width: 38px; height: 38px; line-height: 38px;
  }
}

@media (max-width: 560px){
  :root{ --navH: 56px; }
  h1{ font-size: 24px; }
  .nav__link{ padding: 8px 9px; font-size: 13px; }
  .card{ border-radius: 16px; }

  /* wąskie panele z boku -> pod spodem */
  .sidebar, .panel, .right, .aside{ width:100%; max-width:100%; }
}