document.addEventListener("DOMContentLoaded", function () {
    setTimeout(function () {
        let menuItems = document.querySelectorAll(".custom-main-normal .main-menu li");
        
        menuItems.forEach(item => {
            let submenu = item.querySelector(".sub-menu");
            if (submenu) {
                let rect = submenu.getBoundingClientRect();
                let windowWidth = window.innerWidth;

                if (rect.right > windowWidth) {
                    submenu.style.left = "auto";
                    submenu.style.right = "0"; // يجعل القائمة تفتح لليسار إذا لم تكن هناك مساحة كافية
                } else {
                    submenu.style.right = "auto";
                    submenu.style.left = "0"; // يجعل القائمة تفتح لليمين إذا كان هناك مساحة كافية
                }
            }
        });
    }, 2000); // تنفيذ الكود بعد 5 ثوانٍ
});



<!-- Snap Pixel Code -->
<script type='text/javascript'>
(function(e,t,n){if(e.snaptr)return;var a=e.snaptr=function()
{a.handleRequest?a.handleRequest.apply(a,arguments):a.queue.push(arguments)};
a.queue=[];var s='script';r=t.createElement(s);r.async=!0;
r.src=n;var u=t.getElementsByTagName(s)[0];
u.parentNode.insertBefore(r,u);})(window,document,
'https://sc-static.net/scevent.min.js');

snaptr('init', 'd0216971-0e43-452d-9c16-4af00462247a', {
'user_email': '__INSERT_USER_EMAIL__'
});

snaptr('track', 'PAGE_VIEW');

</script>
<!-- End Snap Pixel Code -->


  (function() {
    // إعدادات البوب أب (عدل هنا براحتك)
    const popupConfig = {
        title: "✨ هدية خاصة لك!",
        message: "لا تطلع ويدك فاضية.. خذ كود خصم 10% على طلبك الأول.",
        couponCode: "SALE10", // كود الخصم
        buttonText: "نسخ الكود وتسوق",
        delay: 4000, // يظهر بعد 4 ثواني
        showOnce: true // true = يظهر مرة واحدة للعميل، false = يظهر كل مرة
    };

    // كود إنشاء التصميم والستايل
    function createPopup() {
        const popupHTML = `
            <div id="salla-custom-popup" style="
                display: none; 
                position: fixed; 
                top: 0; left: 0; 
                width: 100%; height: 100%; 
                background: rgba(0,0,0,0.6); 
                z-index: 9999999; 
                justify-content: center; 
                align-items: center;
                backdrop-filter: blur(2px);">
                
                <div style="
                    background: #fff; 
                    padding: 30px; 
                    border-radius: 12px; 
                    width: 90%; 
                    max-width: 400px; 
                    text-align: center; 
                    position: relative; 
                    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
                    animation: fadeIn 0.3s ease-out;">
                    
                    <span id="popup-close-btn" style="
                        position: absolute; 
                        top: 10px; right: 15px; 
                        cursor: pointer; 
                        font-size: 24px; 
                        color: #999;
                        font-family: sans-serif;">&times;</span>
                    
                    <h3 style="margin-top: 0; color: #333; font-size: 20px;">${popupConfig.title}</h3>
                    <p style="color: #666; font-size: 15px; line-height: 1.5;">${popupConfig.message}</p>
                    
                    <div style="
                        background: #f4f4f4; 
                        border: 1px dashed #ccc; 
                        padding: 10px; 
                        margin: 15px 0; 
                        font-weight: bold; 
                        color: #222; 
                        letter-spacing: 1px;
                        font-size: 18px;">
                        ${popupConfig.couponCode}
                    </div>

                    <button id="popup-action-btn" style="
                        background-color: #76E8CD; 
                        color: #fff; 
                        border: none; 
                        padding: 12px 25px; 
                        border-radius: 25px; 
                        cursor: pointer; 
                        font-size: 16px; 
                        width: 100%; 
                        font-weight: bold;
                        transition: 0.3s;">
                        ${popupConfig.buttonText}
                    </button>
                </div>
            </div>
        `;

        // إضافة الكود للصفحة
        const divContainer = document.createElement('div');
        divContainer.innerHTML = popupHTML;
        document.body.appendChild(divContainer);

        // تعريف العناصر
        const popup = document.getElementById('salla-custom-popup');
        const closeBtn = document.getElementById('popup-close-btn');
        const actionBtn = document.getElementById('popup-action-btn');

        // وظيفة الظهور
        setTimeout(() => {
            // التحقق من التخزين المحلي (هل شافه قبل كذا؟)
            if (popupConfig.showOnce && localStorage.getItem('sallaPopupShown')) {
                return; 
            }
            popup.style.display = 'flex';
        }, popupConfig.delay);

        // وظيفة الإغلاق
        closeBtn.onclick = function() {
            popup.style.display = 'none';
            localStorage.setItem('sallaPopupShown', 'true'); // تخزين أنه شافه
        };

        // وظيفة الضغط على الزر (نسخ الكود)
        actionBtn.onclick = function() {
            navigator.clipboard.writeText(popupConfig.couponCode);
            this.innerText = "تم النسخ! ✅";
            setTimeout(() => {
                popup.style.display = 'none';
                localStorage.setItem('sallaPopupShown', 'true');
            }, 1000);
        };
    }

    // تشغيل الكود عند تحميل الصفحة
    if (document.readyState === 'complete') {
        createPopup();
    } else {
        window.addEventListener('load', createPopup);
    }
})();