/* ─── Lightbox Overlay ─── */
.lb-overlay {
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(14, 11, 8, 0.94);
  display: none; align-items: center; justify-content: center;
  opacity: 0; transition: opacity 0.3s ease;
  backdrop-filter: blur(4px);
}
.lb-overlay.active {
  display: flex; opacity: 1;
}
.lb-overlay.opening { display: flex; }

/* Image */
.lb-img-wrap {
  position: relative;
  max-width: 90vw; max-height: 85vh;
  display: flex; align-items: center; justify-content: center;
}
.lb-img-wrap img {
  max-width: 90vw; max-height: 85vh;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: 0 8px 40px rgba(0,0,0,0.5);
  transition: opacity 0.25s ease, transform 0.25s ease;
  user-select: none;
  -webkit-user-drag: none;
}
.lb-img-wrap img.lb-loading {
  opacity: 0.3; transform: scale(0.97);
}

/* Close button */
.lb-close {
  position: absolute; top: 1.25rem; right: 1.5rem;
  width: 44px; height: 44px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 50%;
  color: rgba(245, 237, 224, 0.8);
  font-size: 1.4rem; line-height: 1;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background 0.3s, color 0.3s;
  z-index: 10;
}
.lb-close:hover {
  background: rgba(255,255,255,0.15);
  color: #FFF;
}

/* Navigation arrows */
.lb-prev, .lb-next {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 48px; height: 48px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 50%;
  color: rgba(245, 237, 224, 0.7);
  font-size: 1.2rem;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background 0.3s, color 0.3s, opacity 0.3s;
  z-index: 10;
}
.lb-prev { left: 1.25rem; }
.lb-next { right: 1.25rem; }
.lb-prev:hover, .lb-next:hover {
  background: rgba(255,255,255,0.15);
  color: #FFF;
}
.lb-prev.lb-hidden, .lb-next.lb-hidden {
  opacity: 0; pointer-events: none;
}

/* Counter */
.lb-counter {
  position: absolute; bottom: 1.25rem; left: 50%;
  transform: translateX(-50%);
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 0.8rem; color: rgba(245, 237, 224, 0.45);
  letter-spacing: 0.1em;
  z-index: 10;
}

/* Caption (uses alt text) */
.lb-caption {
  position: absolute; bottom: 3rem; left: 50%;
  transform: translateX(-50%);
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 0.85rem; color: rgba(245, 237, 224, 0.65);
  text-align: center; max-width: 500px;
  z-index: 10;
}

/* Mobile */
@media (max-width: 768px) {
  .lb-prev, .lb-next { width: 40px; height: 40px; font-size: 1rem; }
  .lb-prev { left: 0.5rem; }
  .lb-next { right: 0.5rem; }
  .lb-close { top: 0.75rem; right: 0.75rem; width: 38px; height: 38px; }
  .lb-img-wrap img { max-width: 96vw; max-height: 80vh; border-radius: 2px; }
  .lb-caption { font-size: 0.75rem; bottom: 2.5rem; max-width: 280px; }
}