/* ==========================================================================
   PURE ELEMENTOR v4 ATOMIC: nx-blur-reveal-v4
   ========================================================================== */
:root {
    --nx-blur-ease: cubic-bezier(0.16, 1, 0.3, 1);
    --nx-blur-dur: 0.85s;
    --nx-blur-amount: 10px;
    --nx-blur-shift: 20px;
}

/* --------------------------------------------------------------------------
   METHOD A: Parent Container / Div Block (Semua Anak Langsung Animasi Staggered)
   -------------------------------------------------------------------------- */
.nx-reveal-parent > * {
    opacity: 0;
    filter: blur(var(--nx-blur-amount));
    transform: translateY(var(--nx-blur-shift));
    transition: transform var(--nx-blur-dur) var(--nx-blur-ease),
                opacity var(--nx-blur-dur) var(--nx-blur-ease),
                filter var(--nx-blur-dur) var(--nx-blur-ease);
    will-change: transform, opacity, filter;
}

/* Staggered Delay Berurutan untuk Child Div / Element 1-6 */
.nx-reveal-parent.nx-activated > *:nth-child(1) { transition-delay: 0.05s; }
.nx-reveal-parent.nx-activated > *:nth-child(2) { transition-delay: 0.12s; }
.nx-reveal-parent.nx-activated > *:nth-child(3) { transition-delay: 0.19s; }
.nx-reveal-parent.nx-activated > *:nth-child(4) { transition-delay: 0.26s; }
.nx-reveal-parent.nx-activated > *:nth-child(5) { transition-delay: 0.33s; }
.nx-reveal-parent.nx-activated > *:nth-child(6) { transition-delay: 0.40s; }

/* Trigger State Saat Masuk Viewport */
.nx-reveal-parent.nx-activated > * {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}

/* --------------------------------------------------------------------------
   METHOD B: Single Item / Div Block Spesifik
   -------------------------------------------------------------------------- */
.nx-reveal-item {
    opacity: 0;
    filter: blur(var(--nx-blur-amount));
    transform: translateY(var(--nx-blur-shift));
    transition: transform var(--nx-blur-dur) var(--nx-blur-ease),
                opacity var(--nx-blur-dur) var(--nx-blur-ease),
                filter var(--nx-blur-dur) var(--nx-blur-ease);
    will-change: transform, opacity, filter;
}

.nx-reveal-item.nx-activated {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}

/* ==========================================================================
    ELEMENTOR v4 EDITOR CANVAS OVERRIDE
   ========================================================================== */
body.elementor-editor-active .nx-reveal-parent > *,
body.elementor-editor-active .nx-reveal-item {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
}