/**
 * InvitKeun — efek terbang premium (love / burung / bunga)
 * Partikel tampil di atas latar, di bawah teks & kartu agar tetap terbaca.
 */

body.invitation-fx-rich .invitation-fx-global,
body:not(.invitation-screenshot) .invitation-fx-global {
    z-index: 28 !important;
    opacity: 0.88 !important;
    visibility: visible !important;
    pointer-events: none !important;
}

body.invitation-fx-rich .invitation-fx-canvas.cover-fx,
body:not(.invitation-screenshot) .invitation-fx-canvas.cover-fx {
    z-index: 9 !important;
    opacity: 1 !important;
}

body.invitation-fx-rich .invitation-fx-canvas.hero-fx,
body:not(.invitation-screenshot) .invitation-fx-canvas.hero-fx {
    z-index: 6 !important;
    opacity: 0.95 !important;
    overflow: visible !important;
}

body.invitation-fx-rich #cover,
body:not(.invitation-screenshot) #cover {
    overflow: visible !important;
}

body.invitation-fx-rich #hero,
body:not(.invitation-screenshot) #hero {
    overflow: visible !important;
}

/* Konten & kartu di atas partikel */
body.invitation-fx-rich #mainContent,
body.invitation-fx-rich #invitation-main {
    isolation: auto;
}

body.invitation-fx-rich #mainContent > section,
body.invitation-fx-rich #invitation-main > section {
    position: relative;
    z-index: 2;
}

body.invitation-fx-rich .hero-pattern__content,
body.invitation-fx-rich .hero-split-content,
body.invitation-fx-rich #cover .cover-stage,
body.invitation-fx-rich #cover .cover-card-3d {
    position: relative;
    z-index: 12;
}

body.invitation-fx-rich .template-surface .readable-card,
body.invitation-fx-rich .template-surface .event-card,
body.invitation-fx-rich .template-surface .guestbook-compose,
body.invitation-fx-rich .template-surface .guestbook-entry,
body.invitation-fx-rich .template-surface .qris-card,
body.invitation-fx-rich .template-surface .premium-couple-card,
body.invitation-fx-rich .template-surface .inv-section__inner {
    position: relative;
    z-index: 32;
}

body.invitation-fx-rich .fx-particle {
    opacity: 0.88;
    filter: drop-shadow(0 5px 14px rgba(0, 0, 0, 0.2)) drop-shadow(0 0 12px rgba(var(--fx-glow-rgb), 0.45));
}

body.invitation-fx-rich .fx-hearts {
    opacity: 0.92 !important;
    color: #f472b6 !important;
}

body.invitation-fx-rich .fx-sparkles {
    opacity: 0.92 !important;
}

body.invitation-fx-rich .fx-petals .fx-petal-shape {
    width: 1em;
    height: 1.35em;
    box-shadow: 0 8px 20px rgba(var(--fx-glow-rgb), 0.4);
}

body.invitation-fx-rich .fx-butterflies,
body.invitation-fx-rich .fx-leaves {
    opacity: 0.85 !important;
}

/* Setelah buka undangan — FX global aktif */
body.invitation-fx-rich.cover-dismissed .invitation-fx-global,
body.invitation-fx-rich.invitation-content-ready .invitation-fx-global {
    opacity: 0.85 !important;
    visibility: visible !important;
}

body.invitation-perf-lite .invitation-fx-global {
    z-index: 28 !important;
    opacity: 0.78 !important;
}

body.invitation-perf-lite .invitation-fx-canvas.cover-fx {
    opacity: 1 !important;
}

body.invitation-perf-lite .invitation-fx-canvas.hero-fx {
    opacity: 0.9 !important;
}

@media (max-width: 767px) {
    body.invitation-fx-rich .invitation-fx-global {
        opacity: 0.8 !important;
    }

    body.invitation-fx-rich .invitation-fx-canvas.hero-fx {
        opacity: 0.88 !important;
    }
}