/* ==========================================================
   Tassenhasser /neue/ - v10f Galerie Lightbox
   Kleine Vorschaubilder, bei Klick große Ansicht.
   ========================================================== */

.gallery-grid,.public-gallery-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;
  gap:18px !important;
}

.gallery-item,.public-gallery-item{
  cursor:pointer !important;
  border-radius:18px !important;
  overflow:hidden !important;
  border:1px solid var(--line, rgba(184,138,42,.26)) !important;
  background:#fffdf8 !important;
  box-shadow:0 10px 26px rgba(80,48,22,.08) !important;
}

.gallery-item img,.public-gallery-item img,.gallery-grid img{
  display:block !important;
  width:100% !important;
  height:210px !important;
  object-fit:cover !important;
  transition:transform .18s ease !important;
}

.gallery-item:hover img,.public-gallery-item:hover img,.gallery-grid a:hover img{
  transform:scale(1.025) !important;
}

.th-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(20,12,6,.82);
  padding:26px;
  box-sizing:border-box;
}

.th-lightbox.is-open{display:flex;}

.th-lightbox__inner{
  position:relative;
  width:min(1100px,96vw);
  max-height:92vh;
  background:#fffdf8;
  border:1px solid rgba(213,174,78,.55);
  border-radius:18px;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  padding:14px;
  box-sizing:border-box;
}

.th-lightbox__img{
  display:block;
  width:100%;
  max-height:82vh;
  object-fit:contain;
  border-radius:12px;
  background:#fff;
}

.th-lightbox__close{
  position:absolute;
  top:-14px;
  right:-14px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:linear-gradient(135deg,#f6d96f,#c39224);
  color:#241407;
  font-size:22px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}

.th-lightbox__caption{
  margin-top:10px;
  color:#3a2415;
  font-size:14px;
  font-weight:800;
  text-align:center;
}

@media(max-width:640px){
  .gallery-grid,.public-gallery-grid{grid-template-columns:1fr !important;}
  .gallery-item img,.public-gallery-item img,.gallery-grid img{height:230px !important;}
  .th-lightbox{padding:14px;}
}