WIDTH

script> document.addEventListener("DOMContentLoaded", function () { const createHeart = (container) => { const heart = document.createElement('div'); heart.classList.add('falling-heart'); heart.innerHTML = "🐣"; // Aggiunge il cuoricino heart.style.left = Math.random() * 100 + '%'; heart.style.animationDuration = Math.random() * 4 + 2 + 's'; // Durata animazione variabile heart.style.opacity = Math.random() * 0.6 + 0.4; // Opacità variabile heart.style.fontSize = Math.random() * 15 + 10 + 'px'; // Dimensione random tra 10px e 25px container.appendChild(heart); setTimeout(() => heart.remove(), 6000); // Rimuove il cuore dopo il ciclo }; const initHeartEffect = (container) => { if (!container) return; setInterval(() => createHeart(container), 40); // Frequenza regolata per un effetto naturale }; const observePopup = () => { const observer = new MutationObserver((mutations) => { mutations.forEach((mutation) => { mutation.addedNodes.forEach((node) => { if ( node.classList && node.classList.contains('elementor-popup-modal') && !node.classList.contains('hearts-applied') ) { initHeartEffect(node); // Aggiunge cuoricini solo al popup node.classList.add('hearts-applied'); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); }; observePopup(); // Avvia osservazione dei popup });