/* ==========================================================================
   NX TYPE EFFECT ENGINE (Elementor v4 Atomic Ready)
   ========================================================================== */
.nx-type-effect {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
}

/* Layer Spacer Transparan (Mencegah lonjakan layout) */
.nx-type-effect .tw-clone {
  position: static;
  opacity: 0;
  pointer-events: none;
  user-select: none;
  visibility: hidden;
}

/* Layer Pengetikan Aktif */
.nx-type-effect .tw-surface {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  white-space: pre-wrap;
}

/* Split Huruf */
.nx-type-effect .char {
  display: inline-block;
  opacity: 0;
}

.nx-type-effect .char.is-visible {
  opacity: 1;
}

/* Kursor Underline Berkedip */
.nx-type-effect .type-underline {
  display: inline-block;
  width: 0.55em;
  height: 2px;
  background-color: currentColor;
  margin-left: 2px;
  vertical-align: baseline;
  animation: nx-tw-blink 0.8s infinite;
}

@keyframes nx-tw-blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

/* Mode Aman Editor Elementor */
body.elementor-editor-active .nx-type-effect .tw-surface {
  position: static;
}
body.elementor-editor-active .nx-type-effect .tw-clone,
body.elementor-editor-active .nx-type-effect .type-underline {
  display: none !important;
}
body.elementor-editor-active .nx-type-effect .char {
  opacity: 1 !important;
}