/* mobil.css — zobrazení na telefonech (2026-11-07)
   Do té doby web neměl <meta name="viewport"> a telefon ho kreslil jako zmenšený desktop
   (~980 px). Po přidání viewportu se stránka kreslí na skutečnou šířku telefonu – tady se
   pevné rozvržení (min-width 700 px, absolutně umístěná hlavička, sloupce 260 + 720 px)
   převádí na jednosloupcové. Desktop (nad 760 px) se nemění. */

/* style.css má v @media (max-width: 990px) zapomenuté ladicí pozadí lightblue */
@media only screen and (max-width: 990px) {
  body { background-color: #888; }
}

@media only screen and (max-width: 760px) {
  html, body { overflow-x: hidden; }
  body { font-size: 15px; }

  /* rám stránky */
  .box_central { display: block; min-width: 0 !important; max-width: none; width: auto;
                 margin: 0 0 16px; padding: 0 0 3px; border-radius: 0; box-shadow: none; }
  .box_01 { padding: 4px 8px; }

  /* hlavička: logo, nadpis, kontakt a hledání pod sebou místo absolutního umístění */
  .zerogrid { display: flex; flex-direction: column; height: auto; margin-top: 6px; padding-bottom: 12px; }
  .logo-firma { float: none; position: static; width: auto; height: auto; margin: 10px 12px 0; }
  .logo-firma img { max-width: 75%; height: auto; }
  .head-obr { display: none; }
  .box_popis { float: none; position: static; top: auto; width: auto; margin: 10px 12px 0; padding: 0; }
  .box_popis h1 { font-size: 20px; margin: 0 0 6px; }
  .box_kontakt { position: static; float: none; top: auto; margin: 8px 12px 0; font-size: 13px; line-height: 24px; }
  .select-text1 { position: static; width: auto; margin: 8px 12px 0; top: auto; right: auto; }
  .select-text1 input[type="text"] { width: calc(100% - 50px); }

  /* hlavní menu: dva odkazy na řádek, pohodlné pro prst */
  .menu { display: flex; flex-wrap: wrap; height: auto; line-height: normal; background-size: cover; }
  .menu_odkaz, .menu_odkaz_sel { width: 50% !important; margin: 0 !important; float: none;
                                 height: 46px; line-height: 46px; font-size: 15px !important; box-sizing: border-box; }
  .menu_local { display: block; width: auto; height: auto; line-height: 1.3; padding: 10px 12px;
                font-size: 17px !important; box-sizing: border-box; }

  /* sloupce pod sebou */
  .box_clanky, .box_clanky2, .box_left, .box_menu { float: none !important; display: block; width: auto !important; margin: 6px 4px; }
  .box_1_menu_nadpis { font-size: 17px !important; }
  .pol_menu, .pol_menu_sel { height: auto !important; line-height: 1.4 !important; padding: 10px; font-size: 15px !important; }

  /* výrobky na úvodní stránce */
  .flex-box { display: block; }
  .flex-box > .vyrobek_box1, .vyrobek_box1 { display: flow-root !important; clear: both; width: auto !important; float: none; margin: 10px 6px; box-sizing: border-box; }
  .vyrobek_foto { text-align: center; }
  .vyrobek_nazev { height: auto !important; line-height: 1.3 !important; padding: 10px 12px !important; text-align: center !important;
                   background-color: #2b5a96; background-size: 100% 100%; box-sizing: border-box; }
  .vyrobek_nazev a { font-size: 18px !important; text-align: center; height: auto !important; line-height: 1.3 !important; top: auto !important; padding: 0 !important; }
  .vyrobek_foto, .vyrobek_foto a { width: auto !important; float: none; }
  .vyrobek_obr { width: 100%; max-width: 340px; height: auto; }
  .vyrobky_komentar { display: block; width: auto !important; margin: 0 !important; font-size: 14px !important; }

  /* obsah článků: obrázky a tabulky se vejdou */
  img { max-width: 100%; height: auto; }
  .clanek table, .box_clanky2 table { display: block; max-width: 100%; overflow-x: auto; }
  .anotace, .nadpis, .table_pol td { font-size: 15px !important; }

  /* podstránky: obsah článku PŘED levým menu a certifikátem */
  :has(> .box_left) { display: flex; flex-direction: column; }
  .box_left { order: 2; }

  /* bloky článků: obrázek nad textem místo obtékání úzkým sloupcem */
  .aktuality_box { float: none; width: auto; height: auto; }
  h3.nadpis { height: auto; line-height: 1.3; padding: 8px 10px; font-size: 16px; white-space: normal; }
  .Foto { float: none !important; display: block; width: auto !important; margin: 8px 4px; padding: 8px; box-sizing: border-box; }
  .Foto img { width: auto; max-width: 100%; }
  .anotace { float: none !important; display: block; width: auto !important; margin: 4px !important; box-sizing: border-box; }
  .top-aktuality-clanek, .top-aktuality-servis { float: none !important; width: auto !important; box-sizing: border-box; }
  .souvisejici_box { height: auto; display: block; }
  #gallery-box, #gallery-box tbody, #gallery-box tr, #gallery-box td { display: block; width: auto; }
  .fotogalerie-box { width: calc(50% - 10px) !important; box-sizing: border-box; }
  .box_kontakt a { white-space: nowrap; }

  /* sekce Napište nám a patička */
  .np-kontakt-obsah { padding: 12px; }
  .np-paticka { margin: 0 0 16px; border-radius: 0; }
  .np-paticka-sloupce { padding: 16px; }
}