document.addEventListener('DOMContentLoaded', function() {
    console.log('login_animations.js chargé et DOMContentLoaded déclenché');
    const chatBubble = document.getElementById('animated-chat-bubble');
    const rightPanel = chatBubble.closest('.right-panel');

    if (chatBubble && rightPanel) {
        function animateBubble() {
            const panelWidth = rightPanel.offsetWidth;
            const panelHeight = rightPanel.offsetHeight;
            const bubbleWidth = chatBubble.offsetWidth;
            const bubbleHeight = chatBubble.offsetHeight;

            const newLeft = Math.random() * (panelWidth - bubbleWidth);
            const newBottom = Math.random() * (panelHeight - bubbleHeight);

            chatBubble.style.left = `${newLeft}px`;
            chatBubble.style.bottom = `${newBottom}px`;
            chatBubble.style.transform = 'none'; // Supprimer le transform X pour un positionnement absolu pur
        }

        // Animer toutes les 4.5 secondes (légèrement plus long que la durée de transition pour une boucle fluide)
        setInterval(animateBubble, 4500);
        // Animation initiale pour définir la première position aléatoire
        animateBubble();
    }
});