/* index.css                                         */
/* Bijgewerkt: 31 mei 2026                            */

html, body {
  height: calc(var(--vh, 1vh) * 100);
  width: 100vw;
  overflow: hidden;
  position: fixed;
  touch-action: auto;
}

/* ── LAYOUT ───── */

.desk {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw; /* Veranderd van 110vw naar 100vw om te voorkomen dat knoppen buiten het scherm vallen */
    height: 100vh; /* Veranderd van 110vh naar 100vh */
    background: transparent !important;
    z-index: 1;
    pointer-events: none;
}

.photos {
    position: relative;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10; /* Deze laag ligt op z-index 10 */
}

/* ── 🛑 PHOTOSWIPE OVERRIDE FOR INDEX ── */
/* Zorg ervoor dat de lightbox op index.php ALTIJD overal bovenop ligt */
.pswp {
    z-index: 999999 !important; /* Forceer PhotoSwipe ver boven de .photos (z-index 10) uit */
}

.pswp__ui {
    z-index: 1000000 !important;
}

.pswp__top-bar,
.pswp__button--arrow {
    z-index: 1000001 !important; /* Forceer de knoppen en pijlen naar de allerhoogste laag */
}