/*

// Created :: 2025-08-30
// Updated :: 2026-03-22

*/

/* ============================================================
   Notebook a níž  (≤ 1199px)
   ============================================================ */

@media (max-width: 1199.98px) {

  #zahlavi .in { padding: 16px 32px; gap: 16px; }

  #menu ul { gap: 28px; }

  .prvek.prvek_hp_uvod {
    gap: 44px;
    padding: 52px 32px 68px;
  }

  .prvek.prvek_hp_uvod img.uvod {
    width: 360px;
    height: 460px;
  }

  .prvek.prvek_hp_uvod .tinymce { padding-top: 56px; }

  .prvek.prvek_hp_uvod .tinymce h2 { font-size: 3.8rem; }

  #content_obsah.struktura main { padding: 0 32px 48px; }

  nav.breadcrumb { padding: 16px 32px; }

  #paticka { padding: 48px 32px; gap: 36px; }

  #copyright { padding: 16px 32px; }

}

/* ============================================================
   Tablet a níž  (≤ 991px)
   ============================================================ */

@media (max-width: 991.98px) {

  /* Header – schovat desktop menu a kontakty, ukázat burger */
  #menu             { display: none; }
  #zahlavi .kontakty { display: none; }
  .nav_toggle        { display: block; }

  #zahlavi .in {
    padding: 14px 24px;
    gap: 12px;
  }

  /* Burger zarovnat doprava v nav */
  #zahlavi nav {
    justify-content: flex-end;
  }

  /* Hero – stoh (obrázek nad textem) */
  .prvek.prvek_hp_uvod {
    flex-direction: column;
    gap: 32px;
    padding: 40px 24px 56px;
  }

  .prvek.prvek_hp_uvod img.uvod {
    width: 100%;
    height: 360px;
    border-radius: 20px;
  }

  .prvek.prvek_hp_uvod .tinymce {
    padding-top: 0;
  }

  .prvek.prvek_hp_uvod .tinymce h2 { font-size: 3.2rem; }

  /* Struktura stránky */
  #content_obsah.struktura main { padding: 0 24px 40px; }

  #content_obsah header { padding: 32px 0 16px; }

  nav.breadcrumb { padding: 14px 24px; }

  /* Services grid – 2 sloupce */
  .sluzby_boxies {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 18px;
    padding: 8px 0 32px;
  }

  /* Cenik – plná šíře */
  table.cenik { border-radius: 12px; }

  /* Footer */
  #paticka { padding: 40px 24px; gap: 28px; }

  #copyright { padding: 14px 24px; }

}

/* ============================================================
   Mobil a níž  (≤ 767px)
   ============================================================ */

@media (max-width: 767.98px) {

  #zahlavi .in { padding: 12px 20px; }

  /* Hero */
  .prvek.prvek_hp_uvod {
    padding: 32px 20px 48px;
    gap: 24px;
  }

  .prvek.prvek_hp_uvod img.uvod {
    height: 300px;
    border-radius: 16px;
  }

  .prvek.prvek_hp_uvod .tinymce h2 { font-size: 2.8rem; }

  /* Services – 1 sloupec */
  .sluzby_boxies {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 4px 0 28px;
  }

  .sluzby_box { padding: 24px 22px; }

  /* Cenik */
  table.cenik td { padding: 14px 16px; }

  table.cenik td:last-child {
    font-size: 1.6rem;
    padding-right: 16px;
  }

  /* Struktura */
  #content_obsah.struktura main { padding: 0 20px 32px; }

  nav.breadcrumb { padding: 12px 20px; }

  /* Page title */
  #content_obsah header h1 { font-size: 3.2rem; }

  /* Footer */
  #paticka {
    flex-direction: column;
    gap: 32px;
    padding: 36px 20px;
  }

  #paticka .column { flex: 1 1 auto; }

  #copyright { padding: 14px 20px; }

}

/* ============================================================
   Malý mobil  (≤ 575px)
   ============================================================ */

@media (max-width: 575.98px) {

  .prvek.prvek_hp_uvod img.uvod { height: 260px; }

  .prvek.prvek_hp_uvod .tinymce h2 { font-size: 2.4rem; }

  #content_obsah header h1 { font-size: 2.8rem; }

  table.cenik td:nth-child(2) { display: none; } /* schovat sloupec s minutami */

  #zahlavi .logo a { font-size: 1.9rem; }

  .sluzby_box { padding: 20px 18px; }

}