/* ===== Minimal, robust CSS untuk gallery + navbar clickable ===== */

:root {
  --nav-z: 9999;
  --overlay-z: 1100;
}

/* reset basic */
body { background:#ffffff; margin:0; padding:0; overflow-x:hidden; }

/* NAVBAR: pastikan selalu di atas dan tidak berubah posisinya oleh eksperimen */
header, .navbar, nav, .site-header {
  position: relative !important;
  z-index: var(--nav-z) !important;
  pointer-events: auto !important;
}

/* Jika navbar fixed di layout, biarkan tetap fixed; jika tidak, relative cukup */

/* LIGHTBOX (letakkan di bawah navbar) */
.lightboxOverlay, .lightbox, #lightbox {
  z-index: var(--overlay-z) !important;
  pointer-events: auto !important; /* allow overlay clicks when lightbox open */
}

/* GALLERY CONTAINER: jangan pernah pointer-events:none di level container */
#gallery-container,
.gallery-wrapper,
.masonry {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

/* Item dan gambar tetap interaktif */
.gallery-item, .gallery-item * { pointer-events: auto !important; z-index: 2; }
.gallery-img { width:100%; display:block; border-radius:10px; }

/* Loader low priority */
#loader { position: relative; z-index: 1; }

/* Safeguard: jika ada overlay persisten yang tidak semestinya, turunkan kemampuannya (lebih spesifik nanti) */