/* * CSS MURNI UNTUK EFEK GELOMBANG
 */

.waves-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1; /* Pastikan di bawah konten utama */
    pointer-events: none; /* Penting: agar interaksi mouse tidak tertutup */
}

/* Container di dalam waves-wrapper untuk menampung canvas */
#waves-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.waves-canvas {
    display: block;
    width: 100%;
    height: 100%;
}

/* OPSI: Jika ingin marker mouse tetap ada */
/*
#waves-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0.5rem;
    height: 0.5rem;
    background: #160000;
    border-radius: 50%;
    transform: translate3d(calc(var(--x) - 50%), calc(var(--y) - 50%), 0);
    will-change: transform;
}
*/