/* =========================================================
   WeNGO festival effects: rangoli watermark + fireworks canvas
   Used by the home page and the Diwali page while the Diwali
   campaign is running (see festive.js for the fireworks).
   ========================================================= */

/* ---------- Rangoli watermark ---------- */
.wengo-rangoli {
    position: absolute;
    z-index: 0;

    width: 280px;
    height: 280px;
    background: url("../images/diwali/rangoli.svg") no-repeat center / contain;
    opacity: 0.16;
    pointer-events: none;
}

@media (max-width: 767px) {
    .wengo-rangoli {
        width: 180px;
        height: 180px;
    }
}


/* ---------- Fireworks layer (fills its positioned parent) ---------- */
.wengo-fireworks {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}