/* Doplňkové styly ročníku (4. 11. 2026): mřížka náhledů v galerii, zobrazení na mobilu, prohlížeč fotek.
   Původní vzhled stránek je v <style> v index.php, tady je jen to, co přibylo. */

/* galerie: náhledy ve 4 sloupcích jako dřív v tabulce (buňka 170x170 px, černý rámeček 2 px) */
.fotky {
display: grid;
grid-template-columns: repeat(4, 174px);
gap: 4px;
justify-content: center;
}
.fotka {
display: flex;
align-items: center;
justify-content: center;
width: 170px;
height: 170px;
border: 2px solid #000;
background-color: #212b3a;
}
.fotka img {
display: block;
border: 1px solid #fff;
}
.bez_fotek {
font-style: italic;
text-align: center;
}

/* ===== Mobil ===== */
@media (max-width: 768px) {

  .border_top, .main, .border_bottom {
  width: auto;
  }

  .border_top, .border_bottom {
  background-size: 100% 100%;
  }

  .main {
  background-size: 100% auto;
  }

  .inc {
  margin: 15px 10px 0 10px;
  padding-bottom: 15px;
  }

  .main img {
  max-width: 100%;
  height: auto;
  }

  .menu {
  padding-bottom: 15px;
  }

  .obsah table {
  max-width: 100%;
  }

  .foto_autor {
  width: auto !important;
  }

  .fotky {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  }

  .fotka {
  width: auto;
  height: auto;
  aspect-ratio: 1 / 1;
  }

  .fotka img {
  max-width: calc(100% - 2px);
  height: auto;
  }

  .listovani {
  width: 100%;
  }

  .listovani td {
  width: auto;
  }

  .velka_fotka {
  width: 100%;
  table-layout: fixed;
  border-width: 4px !important;
  }

  .velka_fotka img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  }

  .program_den {
  width: auto;
  }

  .program_akce_levy, .program_akce_pravy {
  float: none;
  width: auto;
  padding-left: 0;
  }

  .program_akce_pravy {
  margin-top: 4px;
  }

}

/* ===== Prohlížeč fotek (GLightbox) - stejné úpravy jako v novějších ročnících ===== */
/* iPhone/Safari: 100vh = výška bez lišty prohlížeče; dvh = skutečně viditelná výška (od iOS 15.4) */
@supports (height: 100dvh) {
  /* jen na mobilu: na počítači má GLightbox height:auto, s pevnou výškou by fotka nebyla vidět */
  @media (max-width: 768px) {
    .glightbox-container .ginner-container {
    height: 100dvh;
    }
  }
  .gslide-image img {
  max-height: 100dvh;
  }
  .goverlay {
  height: calc(100dvh + 1px);
  }
  @media (min-width: 769px) {
    .gslide-image img {
    max-height: 97dvh;
    }
  }
}
.glightbox-clean .gdesc-inner {
padding: 6px 10px;
}
.glightbox-clean .gslide-title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
margin: 0;
}
.glightbox-mobile .glightbox-container .gslide-description {
padding: 4px 0 12px;
}
.glightbox-mobile .glightbox-container .gslide-title {
font-size: 9pt;
}