document.addEventListener("DOMContentLoaded", () => {
    const container = document.querySelector(".scrolling-message");

    const inner = document.createElement("div");
    inner.className = "scrolling-inner";
    inner.innerHTML = container.innerHTML;
    container.innerHTML = "";
    container.appendChild(inner);

    let containerWidth = container.offsetWidth;
    let textWidth = inner.offsetWidth;

    let pos = containerWidth;
    let speed = 0.5; // più basso = più lento

    function animate() {
        pos -= speed;

        // quando esce completamente, torna a destra
        if (pos < -textWidth) {
            pos = containerWidth;
        }

        inner.style.transform = `translateX(${pos}px)`;
        requestAnimationFrame(animate);
    }

    // aggiorna su resize (responsive)
    window.addEventListener("resize", () => {
        containerWidth = container.offsetWidth;
        textWidth = inner.offsetWidth;
    });

    // attesa breve per mobile (Safari + Android)
    setTimeout(() => {
        textWidth = inner.offsetWidth;
        animate();
    }, 150);
});