/* Predelavka 01 (28. 10. 2026): mobilni verze noticky.net. Pocitac beze zmeny.
   Vraceni = smazat 2 radky (viewport + tento soubor) v hlavicce index.php */
@media screen and (max-width: 820px) {
  html, body { overflow-x: hidden; }
  body { margin: 0; background-size: auto; }
  #main_block, #telo, #hlavicka, #hr_header, #paticka, #levy_sloupec, #pravy_sloupec, #hl_strana,
  #noty_nazev, #noty_nastroj, #noty_styl, #hlavni, #noty_detail, #adsense, #reklama-nahore, #anketa,
  #nejstahovanejsi, #nejnovejsi, #komentare, #nejstahovanejsi_div, #nejnovejsi_div, #komentare_div {
    width: auto !important; max-width: 100% !important; float: none !important; box-sizing: border-box; margin-left: 0 !important; margin-right: 0 !important;
  }
  #hlavicka { background-size: cover !important; background-position: left center !important; min-height: 120px; height: auto !important; }
  #levy_sloupec, #pravy_sloupec, #paticka { padding: 0 14px !important; }
  #pravy_sloupec { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
  #pravy_sloupec > div { flex: 1 1 160px; }
  img, iframe, embed, object, video, ins { max-width: 100% !important; height: auto; }
  table { max-width: 100% !important; }
  #noty_detail, .ankety { display: block; overflow-x: auto; }
  body, p, td, li, #levy_sloupec, #hl_strana, #noty_nazev, #noty_nastroj, #noty_styl, #noty_detail, #noty_nazev a, #noty_nastroj a, #noty_styl a { font-size: 16px !important; line-height: 1.5; }
  h1 { font-size: 24px !important; line-height: 1.25; }
  #menu { position: static !important; width: auto !important; text-align: center; background: rgba(0,0,0,.55); padding: 4px 0; }
  #menu a, #menu a:hover { font-size: 15px !important; display: inline-block; padding: 12px 8px; color: #fff; }
  input[type=text], input:not([type]) { font-size: 16px; max-width: 100%; }
  input[type=submit], button { min-height: 44px; padding: 0 16px; font-size: 16px; }
  #telo, #levy_sloupec, #pravy_sloupec { position: static !important; top: auto !important; left: auto !important; }
  #hl_strana { height: auto !important; }
  #levy_sloupec { padding-top: 12px !important; }
  #pravy_sloupec { margin-top: 20px !important; }
  #hlavicka { position: relative; }
  #hlavicka_vnorena, #menu { width: auto !important; max-width: 100% !important; left: auto !important; }
  #language { left: auto !important; right: 10px; }
  #paticka { left: auto !important; height: auto !important; padding: 10px 14px !important; }
  table#koment, #koment textarea, textarea { width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
  /* hlavicka je v HTML az za obsahem (na pocitaci absolutni pozice) -> na mobilu nahoru */
  #main_block { display: flex; flex-direction: column; }
  #hlavicka { order: -1; }
  #levy_sloupec a, .noty_nazev_div_2 a, #noty_nazev_div a { font-size: 15px !important; line-height: 1.9; }
}