/* --- DEFINITÍVNA OPRAVA MRIEŽKY GALÉRIE --- */
.foto-galeria,
.foto-galeria ul,
.foto-galeria .ulist {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 20px !important;
    margin: 30px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Oprava pre jednotlivé položky zoznamu (li), ktoré AsciiDoc vygeneroval */
.foto-galeria li,
.foto-galeria .galeria-polozka {
    overflow: hidden !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08) !important;
    background-color: #fff !important;
    aspect-ratio: 4 / 3 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
}

/* Vynútenie správnej veľkosti samotných obrázkov */
.foto-galeria img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

/* Efekt po najetí myšou */
.foto-galeria li:hover img,
.foto-galeria .galeria-polozka:hover img {
    transform: scale(1.06) !important;
}

/* --- GLOBÁLNE NASTAVENIA (Z tvojho pôvodného webu) --- */
html {
  font-family: 'PT Sans', verdana, sans-serif;
  background-color: #eee8d5; /* Pôvodné svetlo-pieskové pozadie */
  margin: 0;
  padding: 0;
}

body {
  background-color: #fdf6e3; /* Pôvodné krémové pozadie papiera */
  margin: 0 auto;
  max-width: 1000px;
  color: #657b83; /* Tvoja pôvodná tmavo-sivá textová farba */
  box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

/* --- HLAVIČKA (MEDOVO-ŽLTÁ Z TVOJHO CONFIGU) --- */
header {
  background-color: #FACC2E; /* Presná žltá z tvojej pôvodnej get-krabice */
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.06);
  position: sticky;
  top: 0;
  z-index: 1000;
}

.header-kontajner {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  font-size: 1.5rem;
  font-weight: bold;
  color: #990000 !important; /* Tradičná tmavočervená z tvojich nadpisov */
  text-decoration: none;
}

/* --- NAVIGAČNÉ MENU --- */
.hlavne-navigacia {
  display: block !important;
}

.menu-zoznam {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 15px;
}

.menu-zoznam a {
  color: #657b83;
  font-weight: bold;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 4px;
  transition: all 0.2s;
}

.menu-zoznam a:hover {
  color: #db4934; /* Tehlová červená pri prechode myšou */
  background-color: #fbf4d2; /* Jemný žltkastý podmaz */
  text-decoration: none;
}

/* --- HLAVNÝ OBSAH (MAIN) --- */
main {
  padding: 40px 25px;
  background-color: #fdf6e3;
}

/* Nadpisy upravené presne podľa tvojich kódov */
main h1, main h2, main h3 {
  color: #db4934; /* Pôvodná hlavná farba nadpisov */
  font-weight: bold;
  border-bottom: 1px solid #beca96;
  padding-bottom: 6px;
  margin-top: 1.5em;
}

/* Odkazy v texte */
main a {
  color: #b58900; /* Pôvodná medovo-hnedá farba odkazov */
  text-decoration: underline;
}

main a:hover {
  color: #cb4b16; /* Pôvodná oranžovo-červená hover farba */
}

/* Tlačidlá pre dôležité odkazy (PROGRAM, POPIS) */
main a[href*="tvf_2020"], main a[href*="html"], main a[href*="adoc"] {
  background-color: #beca96; /* Zelenkastá farba z tvojich tabuliek */
  color: #ffffff !important;
  padding: 8px 16px;
  border-radius: 4px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
  font-weight: bold;
}

main a[href*="tvf_2020"]:hover, main a[href*="html"]:hover, main a[href*="adoc"]:hover {
  background-color: #db4934;
  color: #ffffff;
}

/* --- TABUĽKY (KOMPLETNE PREBRATÉ OD TEBA) --- */
table {
  font: 14px/24px Verdana, Arial, Helvetica, sans-serif;
  width: 95%;
  margin: 2em auto;
  border-collapse: collapse;
}

th {
  background-color: #beca96; /* Tvoja olivovo-včelárska zelená */
  color: white;
  padding: 0.5em;
  text-align: center;
}

tr:nth-child(even) {
  background-color: #efefca; /* Tvoje alternatívne žltkasté riadky */
}

td {
  color: #456744; /* Tvoja pôvodná zelená farba textu v bunkách */
  padding: .3em 1em;
  text-align: center;
}

/* --- RESPONDIVITA PRE MOBILY (ZACHOVANÁ A FUNKČNÁ) --- */
.menu-tlacidlo {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
}

.menu-tlacidlo .ciarka {
  width: 25px;
  height: 3px;
  background-color: #990000;
}

@media (max-width: 768px) {
  .hlavne-navigacia {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #FACC2E;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  }

  .hlavne-navigacia.aktivne {
    display: block !important;
  }

  .menu-tlacidlo {
    display: flex;
    z-index: 1001;
  }

  .menu-zoznam {
    flex-direction: column;
    gap: 0;
    padding: 10px 0;
  }

  .menu-zoznam a {
    display: block;
    text-align: center;
    padding: 15px;
  }
}

/* --- PÄTIČKA (FOOTER) --- */
footer {
  background-color: #657b83; /*#fbf4d2; Tvoja pôvodná svetlo-žltá farba pätky */
  color: #fbf4d2; /* #97b05c; Tvoja pôvodná včelárska zelená textu */
  text-align: center;
  padding: 3px;
  font-size: 75%;
  font-weight: bold;
  border-top: 1px solid #93a1a1;
}

/* --- ZAROVNANIE DOMOVSKEJ STRÁNKY NA STRED --- */
.hlavna-stranka {
    text-align: center !important;
}

/* Zarovnanie zoznamov (bodiek) na stred */
.hlavna-stranka ul {
    list-style-position: inside !important;
    padding-left: 0 !important;
}

/* Centrovanie tlačidiel a odkazov na prvej stránke */
.hlavna-stranka a[href*="tvf_2020"],
.hlavna-stranka a[href*="html"],
.hlavna-stranka a[href*="adoc"] {
    display: inline-block !important;
    margin: 10px auto !important;
}

/* --- ODSTRÁNENIE ČIAR POD NADPISMI --- */
main h1, main h2, main h3, .hlavna-stranka h1, .hlavna-stranka h2, .hlavna-stranka h3 {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* --- NASTAVENIE LOGA V HLAVIČKE --- */
.logo-obrazok {
    height: 50px; /* Uprav túto výšku (napr. na 40px alebo 60px) podľa toho, ako veľké chceš logo mať */
    width: auto;  /* Zabezpečí, že sa zachová správny pomer strán */
    display: block;
    transition: transform 0.2s;
}

.logo-obrazok:hover {
    transform: scale(1.02); /* Jemný efekt po prejdení myšou */
}

/* Úprava pre mobilné zobrazenie, ak by bolo logo príliš veľké */
@media (max-width: 768px) {
    .logo-obrazok {
        height: 40px; /* Na mobile o niečo menšie, aby zostalo miesto pre hamburger */
    }
}


/* --- ZORADNIE LOGA A TEXTU VEDĽA SEBA --- */
.logo {
    display: flex !important;
    align-items: center !important; /* Vycentruje text vertikálne s obrázkom */
    gap: 12px;                      /* Medzera medzi obrázkom a textom */
    text-decoration: none !important;
}

.logo-text {
/*    font-family: 'Georgia', 'Times New Roman', Times, serif !important; /* Nový slávnostný font */
    font-size: 1.5rem;
    font-weight: bold;
    color: #990000;
    white-space: wrap;
    letter-spacing: 0.5px;
}

/* Úprava pre menšie mobily, aby sa text s logom zmestil */
@media (max-width: 480px) {
    .logo-text {
        font-size: 1rem;            /* Na veľmi malých mobiloch text trochu zmenšíme */
    }
}