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

/* odkazy v horní liště (Město Šumperk, Městská knihovna, DDM Vila Doris, Kino Oko): název vždy na jednom řádku,
   na úzké obrazovce se zalomí jen mezi názvy */
.hlavicka1 a {
white-space: nowrap;
}

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

  table.telo, table.obsah {
  width: 100%;
  }

  .hlavicka2 {
  font-size: 17px;
  }

  .menu {
  font-size: 17px;
  }

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

  /* program: čas a místo nad popisem akce místo dvou úzkých sloupců */
  table.program {
  width: 100%;
  }

  table.program tr, table.program th, table.program td {
  display: block;
  width: auto;
  }

  table.program th {
  text-align: left;
  margin-top: 6px;
  }

  /* galerie: 4 náhledy vedle sebe jako v původní tabulce (počty fotek všech dnů jsou dělitelné 4) */
  table.fotky2005 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2px;
  width: 100%;
  }

  table.fotky2005 tbody, table.fotky2005 tr {
  display: contents;
  }

  table.fotky2005 td {
  display: block;
  border: 1px solid #006600;
  }

}
/* ===== 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;
}