/* Galerie: grid s přesně pěti sloupci */

.galerie {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  gap: 30px;

  margin: 0 auto;

  padding: 20px 5%;

background-color:rgb(158, 214, 73);

}



/* Náhledový obrázek */

.galerie .thumb {

  width: 100%;

  aspect-ratio: 1 / 1;         /* zachová čtverec */

  object-fit: cover;           /* ořízne obrázek, ale nedeformuje */

  cursor: pointer;

  display: block;

  border: 1px solid #ddd;

  border-radius: 4px;

  transition: transform 0.2s ease;

}



.galerie .thumb:hover {

  transform: scale(1.03);     /* jemné přiblížení při najetí */

}



.oNas{

  width: 80%;

  margin: 0 auto;

  text-align: center;

  font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;

  font-size: 20px;

  background-color: #fff; /* bílý pozadí pro lepší čitelnost */

  justify-content: center;

}



/* Základní nastavení */

body {

  margin: 0;

  font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;

  background-color: #fff; /* šedé pozadí jako ve druhé části stránky */

  line-height: 1.6;

}



/* Nadpis sekce */

h1, h2, h3 {

  text-align: center;

  color: rgb(158, 214, 73);; /* oranžový odstín */

  margin-bottom: 10px;

  text-shadow: 1px 1px 2px #000;

}



.galerie .thumb:hover {

  transform: scale(1.05);

}



/* Lightbox přiblížení */

#lightbox {

  position: fixed;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  background: rgba(0, 0, 0, 0.9);

  display: none;

  align-items: center;

  justify-content: center;

  z-index: 1000;

}



#lightbox.show {

  display: flex;

}



#lightbox-img {

  max-width: 90vw;

  max-height: 90vh;

  border-radius: 10px;

  box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);

}



/* Tlačítka lightboxu */

#close,

#prev,

#next {

  position: absolute;

  color: #fff;

  font-size: 40px;

  background: transparent;

  border: none;

  cursor: pointer;

  z-index: 1001;

  user-select: none;

}



#close {

  top: 20px;

  right: 30px;

}



#prev {

  left: 20px;

  top: 50%;

  transform: translateY(-50%);

}



#next {

  right: 20px;

  top: 50%;

  transform: translateY(-50%);

}



div:hidden {

  display: none;

}



/* Media queries */

@media (max-width: 768px) {

  #close, #prev, #next {

    font-size: 30px;

  }



  .galerie .thumb {

    height: 150px;

  }

.galerie {

  grid-template-columns: repeat(3, 1fr);

}

}



.logo{

  width: 60%;      /* zachová čtverec */

  object-fit: cover;           /* ořízne obrázek, ale nedeformuje */

  display: block; 

  height: auto;

  margin-left: auto;

  margin-right: auto;

}