/* File: assets/css/wtt-lightbox.css */
.wtt-lb-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.85);
  z-index: 999999;
  display: none;
  outline: none;
}
.wtt-lb-inner {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-areas: "close close close"
                       "prev figure next";
  grid-template-columns: 80px 1fr 80px;
  grid-template-rows: 60px 1fr;
  align-items: center;
}
.wtt-lb-close,
.wtt-lb-prev,
.wtt-lb-next {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 36px;
  cursor: pointer;
  user-select: none;
}
.wtt-lb-close { grid-area: close; justify-self: end; margin: 10px 16px 0 0; }
.wtt-lb-prev { grid-area: prev; }
.wtt-lb-next { grid-area: next; justify-self: end; }
.wtt-lb-figure { grid-area: figure; margin: 0 auto; max-width: 92vw; max-height: 86vh; display: flex; flex-direction: column; }
.wtt-lb-img { max-width: 100%; max-height: 80vh; margin: 0 auto; border-radius: 4px; }
.wtt-lb-caption { color: #eee; font-size: 14px; margin-top: 10px; text-align: center; }
html.wtt-lb-locked, html.wtt-lb-locked body { overflow: hidden; }
@media (max-width: 640px) {
  .wtt-lb-inner { grid-template-columns: 60px 1fr 60px; }
  .wtt-lb-close { font-size: 30px; }
  .wtt-lb-prev, .wtt-lb-next { font-size: 30px; }
}