/* ============================================
   GALLERY LIGHTBOX — overlay photo viewer
   ============================================ */

.v8-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.92);
  z-index: var(--z-overlay);
  display: flex;
  align-items: center;
  justify-content: center;
}

.v8-lightbox[hidden] { display: none; }

.v8-lightbox__img-wrap {
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.v8-lightbox__img {
  max-width: 100%;
  max-height: 90vh;
  object-fit: contain;
  border-radius: var(--r-md);
}

.v8-lightbox__close,
.v8-lightbox__prev,
.v8-lightbox__next {
  position: fixed;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.25);
  color: var(--c-white);
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background var(--ease);
}

.v8-lightbox__close:hover,
.v8-lightbox__prev:hover,
.v8-lightbox__next:hover {
  background: rgba(255,255,255,0.3);
}

.v8-lightbox__close { top: var(--s-5); right: var(--s-5); }
.v8-lightbox__prev  { left: var(--s-5); top: 50%; transform: translateY(-50%); }
.v8-lightbox__next  { right: var(--s-5); top: 50%; transform: translateY(-50%); }