/**
 * Dekorasi melayang per section — overlay di atas background, tetap ringan
 */

.template-surface > .inv-ambient-float--overlay,
#hero > .inv-ambient-float--overlay,
#cover > .inv-ambient-float--overlay {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 8;
}

/* Variasi posisi per section — hindari pola identik saat scroll */
.inv-ambient-float--phase-1 .inv-ambient-float__item--0 { left: 8%; top: 14%; }
.inv-ambient-float--phase-1 .inv-ambient-float__item--1 { right: 7%; top: 8%; }
.inv-ambient-float--phase-1 .inv-ambient-float__item--2 { left: 5%; bottom: 18%; }
.inv-ambient-float--phase-1 .inv-ambient-float__item--3 { right: 9%; bottom: 12%; }

.inv-ambient-float--phase-2 .inv-ambient-float__item--0 { left: 5%; top: 18%; }
.inv-ambient-float--phase-2 .inv-ambient-float__item--1 { right: 6%; top: 12%; }
.inv-ambient-float--phase-2 .inv-ambient-float__item--2 { left: 10%; bottom: 10%; }
.inv-ambient-float--phase-2 .inv-ambient-float__item--3 { right: 4%; bottom: 22%; }

.inv-ambient-float--phase-3 .inv-ambient-float__item--0 { left: 10%; top: 8%; }
.inv-ambient-float--phase-3 .inv-ambient-float__item--1 { right: 8%; top: 20%; }
.inv-ambient-float--phase-3 .inv-ambient-float__item--2 { left: 6%; bottom: 16%; }
.inv-ambient-float--phase-3 .inv-ambient-float__item--3 { right: 10%; bottom: 8%; }

.inv-ambient-float__item {
    position: absolute;
    width: clamp(2rem, 6.5vw, 3.5rem);
    height: auto;
    opacity: 0.78;
    animation: invAmbientDrift 13s ease-in-out infinite;
    filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.14));
    will-change: transform;
    mix-blend-mode: normal;
}

.inv-ambient-float__item--0 { left: 3%; top: 10%; }
.inv-ambient-float__item--1 { right: 4%; top: 16%; animation-duration: 15s; }
.inv-ambient-float__item--2 { left: 8%; bottom: 14%; animation-duration: 14s; }
.inv-ambient-float__item--3 { right: 6%; bottom: 20%; animation-duration: 16s; }
.inv-ambient-float__item--4 {
    left: 44%;
    top: 5%;
    width: clamp(1.5rem, 5vw, 2.5rem);
    animation-duration: 17s;
}
.inv-ambient-float__item--5 {
    left: 12%;
    top: 42%;
    width: clamp(1.35rem, 4.5vw, 2.25rem);
    animation-duration: 18s;
}

@keyframes invAmbientDrift {
    0%, 100% {
        transform: translate3d(0, 4px, 0) rotate(-6deg) scale(0.92);
        opacity: 0.55;
    }
    50% {
        transform: translate3d(12px, -22px, 0) rotate(8deg) scale(1);
        opacity: 0.92;
    }
}

#hero > .inv-ambient-float--overlay .inv-ambient-float__item {
    opacity: 0.62;
}

body.invitation-perf-lite .inv-ambient-float__item,
body.invitation-perf-mobile .inv-ambient-float__item {
    animation-duration: 15s !important;
}

body.invitation-perf-lite .inv-ambient-float__item:nth-child(n+4),
body.invitation-perf-mobile .inv-ambient-float__item:nth-child(n+4) {
    display: none;
}

@media (max-width: 767px) {
    .inv-ambient-float__item {
        width: clamp(1.65rem, 7vw, 2.75rem);
    }

    .inv-ambient-float__item--4 {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .inv-ambient-float__item {
        animation: none !important;
        opacity: 0.5 !important;
        transform: none !important;
    }
}