/*

// Created :: 2026-03-28
// Updated :: 2026-03-28
// Camp Herzog — responsivita

*/

/* ============================================================
   TABLET (max 991px)
   ============================================================ */
@media (max-width: 991.98px) {

  .slide img { max-height: 360px; }

  #content_obsah { padding: 30px 16px 50px; }

  .hp_formular_wrap { padding: 40px 20px; }

  #paticka { padding: 56px 0 32px; }

  .loga { grid-template-columns: 1fr 1fr; gap: 14px; }

}

/* ============================================================
   MOBILNÍ (max 767px)
   ============================================================ */
@media (max-width: 767.98px) {

  /* ── Nav bar — kontakty nahoře, burger dole ── */
  .nav_in {
    flex-direction: column;
    align-items: center;
    padding: 12px 0;
    gap: 8px;
    min-height: auto;
  }

  #menu        { display: none; }
  .nav_toggle  { display: block; order: 2; margin: 0; }
  .nav_right   { display: flex; order: 1; padding: 0; }
  .lng_switcher { display: none; }

  .kontakty {
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
  }

  /* ── Logo sekce ── */
  #header_logo { padding: 32px 0 26px; }
  .logo_wrap img { max-height: 74px; }

  /* ── Slider ── */
  .slide img { max-height: 240px; }
  .slider_prev, .slider_next { width: 36px; height: 48px; font-size: 2.2rem; }

  /* ── Obsah podstránek ── */
  #content_obsah { padding: 24px 14px 40px; }
  #content_obsah header h1 { font-size: 2.2rem; padding-left: 14px; }

  /* ── HP elementy s centrovaným layoutem ── */
  #content_obsah.hp > main > header,
  #content_obsah.hp > main > .loga,
  #content_obsah.hp > main > .piktogramy,
  #content_obsah.hp > main > hr.breaker {
    padding-left: 14px;
    padding-right: 14px;
  }

  /* ── HP sekce boxy ── */
  .vypis_box.text { padding: 36px 14px; }

  /* ── Loga – 1 sloupec ── */
  .loga { grid-template-columns: 1fr; gap: 10px; }

  /* ── Galerie — max 2 vedle sebe ── */
  .galerie_mini {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }

  .galerie_mini a { overflow: hidden; border-radius: 6px; display: block; }

  .galerie_mini img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }

  /* ── Formulář HP ── */
  .hp_formular_wrap  { padding: 32px 14px; }
  .hp_formular_inner h2 { font-size: 2rem; }

  .form_line_name,
  .form_line_phone,
  .form_line_email { max-width: 100%; }

  .form_line_message .inputdivokraj textarea { max-width: 100%; }

  /* ── Formulář zajem stránka ── */
  #content_obsah .inpt_jmeno,
  #content_obsah .inpt_telefon,
  #content_obsah .inpt_zprava { max-width: 100%; }

  /* ── News sekce ── */
  .news_section { padding: 0 14px; }
  .news_section_inner { padding: 36px 0 32px; }

  /* ── News oddělující čára – mezera pod ní ── */
  .vypis_box.novinky {
    padding: 20px 0 28px;
  }

  /* ── Piktogramy ── */
  .piktogramy img { width: 44px; }

  /* ── Patička ── */
  footer { padding: 0 14px; }
  #paticka { flex-direction: column; gap: 20px; padding: 40px 0 20px; }
  #paticka .column { flex: none; width: 100%; }

  /* ── Copyright — menší font ── */
  #copyright { font-size: 0.9rem; }

  /* ── Popup drawer menu — menší font ── */
  .menu_all li a { font-size: 1.125rem; }

}

/* ============================================================
   MALÝ MOBIL (max 575px)
   ============================================================ */
@media (max-width: 575.98px) {

  .slide img { max-height: 190px; }
  .slider_prev, .slider_next { display: none; }

  h1 { font-size: 2.2rem; }
  h2 { font-size: 1.8rem; }

  .galerie_mini img { height: auto; aspect-ratio: 4 / 3; }

  .loga .box { flex-direction: column; text-align: center; gap: 10px; }

  .hp_formular_inner h2 { font-size: 1.8rem; }

  .vypis_box.text { padding: 28px 14px; }

}