/* jimreeves.eu — venster over de pagina voor afbeeldingen (zie js/lightbox.js) */
body.lb-open { overflow: hidden; }
.lb-overlay { position: fixed; inset: 0; z-index: 10050; background: rgba(0,0,0,.88); display: none;
  align-items: center; justify-content: center; padding: 2.5rem 3.5rem; }
.lb-overlay.open { display: flex; }
.lb-figure { margin: 0; max-width: 100%; max-height: 100%; display: flex; flex-direction: column; align-items: center; gap: .6rem; }
.lb-overlay img { max-width: 100%; max-height: calc(100vh - 7rem); width: auto; height: auto; border-radius: 6px;
  box-shadow: 0 10px 40px rgba(0,0,0,.7); background: #111; }
.lb-overlay figcaption { color: #eee; font-size: .95rem; text-align: center; max-width: 60ch; }
.lb-overlay button { position: absolute; border: 0; background: rgba(255,255,255,.12); color: #fff; cursor: pointer;
  border-radius: 8px; line-height: 1; }
.lb-overlay button:hover { background: #ff5500; }
.lb-close { top: 1rem; right: 1rem; width: 44px; height: 44px; font-size: 1.8rem; }
.lb-prev, .lb-next { top: 50%; transform: translateY(-50%); width: 44px; height: 60px; font-size: 1.4rem; }
.lb-prev { left: .75rem; }
.lb-next { right: .75rem; }
.lb-overlay button[hidden] { display: none; }
@media (max-width: 600px) {
  .lb-overlay { padding: 3.5rem .5rem 1rem; }
  .lb-prev, .lb-next { top: auto; bottom: .5rem; transform: none; height: 44px; }
  .lb-overlay img { max-height: calc(100vh - 9rem); }
}