﻿.gallery {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr);
  border-color: var(--bozp-purple1);
  border-style: solid;
  border-width: 2px;
  border-radius: var(--bozp-radius-md);
  box-shadow: var(--bozp-shadow-lg);
  padding: 3px;
  margin-bottom: 15px;
  gap: var(--bozp-spacing-sm); /*10px;*/
}

.gallery-item {
  display: block; /*!important;*/
  width: 100px;
  height: 100px;
  /*aspect-ratio: 1 / 1;*/
  overflow: hidden;
  border-radius: var(--bozp-radius-sm);
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .2s;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

/* Pozadie pod zvacsenym obrazkom */
.goverlay {
  backdrop-filter: var(--bozp-backdrop);
  background-color: rgba(25, 18, 8, 0.60) !important;
}

.glightbox-clean .gslide-description {
  /*background: transparent;*/
  background-color: yellow;
}

/*.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
  border-color: #ffffff;
  border-width: 2px;
  border-style: solid;
  background: var(--bozp-purple-lingrad-135dg) !important;
  color: yellow; 
  border-radius: 50%;
}*/

.glightbox-container .gbtn {
  border-color: #ffffff;
  border-width: 2px;
  border-style: solid;
  background: var(--bozp-purple-lingrad-135dg) !important;
  
  /*background: rgba(255, 255, 255, 0.15);*/
  /*background: rgba(255, 255, 255, 0.15);*/
  border-radius: 50%;
}

.glightbox-container .gbtn .svg {
  color: yellow !important; /*#fff;*/
}

/*.glightbox-container .gbtn:hover {
  background: yellow !important;
}*/

@media (max-width: 768px) {
  .gallery {
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
  }
}
