/* ============================================================
   1. STICKY STACK
   Section nempel di atas, ditiban section berikutnya.
   Selector dibuat spesifik supaya menang dari default Elementor
   (.e-con / .elementor-section punya position: relative).
   ============================================================ */

.elementor .stack-section,
.elementor-section.stack-section,
.e-con.stack-section {
  position: sticky;
  top: 0;
  min-height: 100vh;
}

/* Urutan tumpukan: angka lebih besar menutupi yang lebih kecil. */
.elementor .stack-1 { z-index: 1; }
.elementor .stack-2 { z-index: 2; }
.elementor .stack-3 { z-index: 3; }
.elementor .stack-4 { z-index: 4; }
.elementor .stack-5 { z-index: 5; }


/* ============================================================
   2. GESER UNTUK BERPINDAH
   Catatan: tirai fade TIDAK diatur di sini. Seluruh gayanya
   ditulis langsung oleh script.js ke elemennya, supaya cache
   atau penggabungan CSS tidak bisa menggagalkan efeknya.
   ============================================================ */

.stack-section {
  cursor: grab;
}

/* Elemen yang bisa diklik tetap pakai kursor normal. */
.stack-section a,
.stack-section button,
.stack-section input,
.stack-section select,
.stack-section textarea,
.stack-section label,
.stack-section [role="button"],
.stack-section .elementor-button {
  cursor: pointer;
}

/* Saat digeser: kursor genggam, seleksi teks dimatikan. */
body.arc-stack-dragging,
body.arc-stack-dragging * {
  cursor: grabbing !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

/* Cegah gambar ikut terseret sebagai file. */
.stack-section img {
  -webkit-user-drag: none;
}