/* Clickable post images open a full-viewport lightbox */
.block-image .lightbox-link,
.block-gallery .lightbox-link { display: block; cursor: zoom-in; }

.wmr-lightbox {
  position: fixed; inset: 0; z-index: 1000; display: none;
  align-items: center; justify-content: center;
  background: rgba(8, 8, 10, 0.93); padding: 2vmin;
}
.wmr-lightbox.open { display: flex; }
body.wmr-lightbox-open { overflow: hidden; }

.wmr-lightbox-stage {
  margin: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  max-width: 100%; max-height: 100%;
}
.wmr-lightbox-img {
  max-width: 96vw; max-height: 90vh; width: auto; height: auto;
  object-fit: contain; box-shadow: 0 4px 40px rgba(0, 0, 0, 0.5);
}
.wmr-lightbox-cap {
  margin-top: 0.75rem; color: #e8e8e8; font-size: 0.9rem;
  line-height: 1.4; text-align: center; max-width: 80ch;
}
.wmr-lightbox-close, .wmr-lightbox-nav {
  position: fixed; background: none; border: 0; color: #fff; cursor: pointer;
  opacity: 0.85; line-height: 1; padding: 0; font-family: inherit;
}
.wmr-lightbox-close:hover, .wmr-lightbox-nav:hover { opacity: 1; }
.wmr-lightbox-close { top: 0.75rem; right: 1.25rem; font-size: 2.75rem; }
.wmr-lightbox-nav { top: 50%; transform: translateY(-50%); font-size: 3.5rem; padding: 0 1rem; }
.wmr-lightbox-nav.prev { left: 0.25rem; }
.wmr-lightbox-nav.next { right: 0.25rem; }
.wmr-lightbox-nav[hidden] { display: none; }
@media (max-width: 600px) {
  .wmr-lightbox-nav { font-size: 2.5rem; }
  .wmr-lightbox-close { font-size: 2.25rem; }
  .wmr-lightbox-img { max-width: 98vw; max-height: 85vh; }
}