/* Aanvullingen voor de statische site (vervangt rokbox.css en het JS-gedrag van RokGallery/RokNavMenu) */
/* Showcase-dia's: eerste dia ook zichtbaar zonder JS; nieuwe dia schuift van links naar rechts in beeld */
.rg-sc-slice:first-child, .rg-sc-slice.rg-on { display: block; }
.rg-sc-slice.rg-top { z-index: 2; clip-path: inset(0 0 0 0); transition: clip-path .5s ease-out; }
.rg-sc-slice.rg-top.rg-in { clip-path: inset(0 100% 0 0); transition: none; }
/* Mobiel menu: keuzelijst in de device-container, open/dicht met de knop */
.gf-menu-device-container { display: none; padding: 55px 15px 15px; }
.gf-menu-device-container.open { display: block; }
.gf-menu-device-container select { width: 100%; padding: 4px; font-size: 14px; }
@media (min-width: 768px) { .gf-menu-device-container, .gf-menu-device-container.open { display: none; } }
/* Lightbox (vervangt RokBox) */
#lb-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.85); display: none; z-index: 100000; cursor: pointer; }
#lb-overlay.open { display: flex; align-items: center; justify-content: center; }
#lb-overlay figure { margin: 0; text-align: center; }
#lb-overlay img { max-width: 90vw; max-height: 84vh; border: 6px solid #fff; background: #fff; box-shadow: 0 0 20px #000; }
#lb-overlay figcaption { color: #fff; font: 13px/1.4 Arial, Helvetica, sans-serif; margin-top: 8px; }
#lb-overlay button { position: absolute; color: #fff; background: rgba(0,0,0,.4); border: 0; cursor: pointer; font: bold 34px/1 Arial, sans-serif; padding: 6px 12px; border-radius: 4px; }
#lb-overlay .lb-close { top: 10px; right: 14px; font-size: 30px; }
#lb-overlay .lb-prev, #lb-overlay .lb-next { top: 50%; margin-top: -24px; display: none; }
#lb-overlay .lb-prev { left: 10px; }
#lb-overlay .lb-next { right: 10px; }
#lb-overlay.lb-multi .lb-prev, #lb-overlay.lb-multi .lb-next { display: block; }
#lb-overlay .lb-count { opacity: .7; }