/* ==========================================================================
   NX STACKING & CONTENT LAYER SYSTEM (BEST PRACTICE)
   ========================================================================== */

/* 1. Parent Wrapper */
.nx-relative {
  position: relative !important;
  isolation: isolate !important; /* Mengisolasi stacking context */
  overflow: hidden !important;
}

/* 2. Background Media Layer (Di Dasar) */
.nx-bg-layer {
  position: absolute !important;
  inset: 0 !important; /* Menggantikan top:0; left:0; width:100%; height:100% */
  z-index: 0 !important;
  pointer-events: none !important; /* Bebas klik tembus */
  margin: 0 !important;
  padding: 0 !important;
}

.nx-bg-layer img,
.nx-bg-layer video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 3. Gradient / Color Overlay Layer (Lapisan Tengah) */
.nx-overlay-gradient {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%) !important;
}

/* 4. Content Layer (Lapisan Teratas) */
.nx-content-layer {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: auto !important; /* Tombol, link, form interaktif penuh */
}