document.addEventListener('DOMContentLoaded', function () {
  
    if (window.location.pathname === '/') { 
        // نافذة منبثقة لرسالة واتساب
        const popup = document.createElement('div');
        popup.className = 'whatsapp-popup';
        popup.style.cssText = `
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 350px;
            background: #fff;
            border: 2px solid #008080;
            border-radius: 15px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            z-index: 9999;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            animation: fadeIn 0.5s ease-in-out;
        `;
        popup.innerHTML = `
            <div style="position: relative; width: 100%;">
                <span class="close-popup" style="position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 20px;">&times;</span>
            </div>
            <img src="https://example.com/whatsapp-icon.png" alt="WhatsApp" style="width: 50px; height: 50px; margin-bottom: 15px;">
            <h3 style="color: #008080; margin-bottom: 10px;">هل واجهتك مشكلة أثناء الطلب؟</h3>
            <p style="color: #333; margin-bottom: 20px;">تفضل واتساب <a href="https://wa.me/0575323505" style="color: #008080; text-decoration: none; font-weight: bold;">اضغط هنا</a></p>
        `;
        document.body.appendChild(popup);

        // إغلاق النافذة عند النقر على زر "x"
        const closeButton = popup.querySelector('.close-popup');
        closeButton.addEventListener('click', () => {
            popup.style.display = 'none';
        });

        setTimeout(function () {
            popup.style.animation = 'fadeOut 0.5s ease-in-out';
            setTimeout(function () {
                popup.style.display = 'none';
            }, 500);
        }, 10000); 

     
    }
});
document.addEventListener('touchstart', function(event) {
    if (event.touches.length > 1) {
        event.preventDefault();
    }
}, { passive: false });

document.addEventListener('gesturestart', function(event) {
    event.preventDefault();
});