/**
 * Dateiname: lightbox.css
 * Beschreibung: Vollbild-Bildansicht für alle Galerie-Kontexte (Aktuell,
 * Ausstellungen, Mitglieder) – ein einziges, wiederverwendetes Overlay.
 * Version: 0.1
 * Subversion: 0.1.1
 * Änderungen 0.1.1: PDF-Ganzseitenansicht ergänzt (.lightbox__pdf-viewer,
 * .lightbox__pdf-pages, .lightbox__pdf-page, .lightbox__pdf-fallback) für
 * Presseartikel unter Aktuell/Archiv, auf Nutzerwunsch.
 */

.lightbox {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.92);
    z-index: 2000;
    align-items: center;
    justify-content: center;
}

.lightbox.active {
    display: flex;
}

.lightbox__img {
    max-width: 100vw;
    max-height: 100vh;
    width: auto;
    height: auto;
    object-fit: contain;
}

.lightbox__pdf-viewer {
    max-width: 92vw;
    max-height: 92vh;
    overflow-y: auto;
    background: #fff;
    padding: 8px;
    border-radius: 4px;
}

.lightbox__pdf-pages {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.lightbox__pdf-page {
    max-width: 100%;
    height: auto;
    display: block;
}

.lightbox__pdf-fallback {
    color: #333;
    padding: 24px;
}

.lightbox__close,
.lightbox__prev,
.lightbox__next {
    position: absolute;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    line-height: 1;
    z-index: 1;
}

.lightbox__close {
    top: 24px;
    right: 32px;
    font-size: 36px;
}

.lightbox__prev,
.lightbox__next {
    top: 50%;
    transform: translateY(-50%);
    font-size: 48px;
    padding: 12px;
}

.lightbox__prev {
    left: 24px;
}

.lightbox__next {
    right: 24px;
}