/* Lightbox enhancements: larger image, subtle vignette, bright caption */
/* Override default lightbox styling to match homepage aesthetic */

/* ── 1. Maximize image — thinner border, transparent bg ── */
.lightbox .lb-image {
  border: 2px solid rgba(255,255,255,0.85);
  border-radius: 2px;
}

.lb-outerContainer {
  background-color: transparent;
  border-radius: 2px;
  position: relative;
}

/* Hide X button — click outside to close */
.lb-data .lb-close {
  display: none;
}

.lb-dataContainer {
  padding-top: 3px;
  padding-bottom: 0px;
}

/* ── 2. Subtle edge vignette only ── */
.lb-container {
  position: relative;
}

.lb-container::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  background: radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,0.18) 100%);
}

/* ── 3. Left-aligned caption and page number ── */
.lb-data {
  color: #ffffff;
  text-align: left;
}

.lb-data .lb-details {
  width: auto;
  float: none;
  text-align: left;
  display: block;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.4em;
  text-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.lb-data .lb-number {
  display: block;
  position: static;
  float: none;
  clear: none;
  padding: 2px 0 0 0;
  font-size: 12px;
  color: rgba(255,255,255,0.55);
  background: none;
  border-radius: 0;
}

/* Mobile: caption back to multi-line, left-aligned */
@media (max-width: 800px) {
  .lb-data .lb-details {
    width: 100%;
    float: none;
    display: block;
    text-align: left;
  }
  .lb-data .lb-caption {
    font-size: 11px;
    line-height: 1.4em;
    white-space: normal;
  }
  .lb-data .lb-number {
    font-size: 10px;
    padding: 8px 0 0 0;
    float: none;
    display: block;
    text-align: left;
  }
  .lightbox .lb-image {
    border-width: 1px;
  }
  .lb-dataContainer {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}


/* Hide prev/next arrow icons on mobile */
@media (max-width: 800px) {
  .lb-nav a.lb-prev,
  .lb-nav a.lb-next {
    background: none !important;
  }
}