/* Add custom Js styles below */ 
document.addEventListener("DOMContentLoaded", function() {
    // 1. التأكد إننا في الصفحة الرئيسية فقط (مسار الصفحة يكون "/")
    if (window.location.pathname !== "/") {
        return; // لو العميل في أي صفحة تانية، وقف الكود
    }

    // 2. التأكد إن البوب أب مظهرش للعميل ده قبل كده
    if (localStorage.getItem("popup_already_shown")) {
        return; // لو متسجل إنه شافه، وقف الكود
    }

    // رابط صورتك (استبدله برابط الصورة الحقيقي)
    const myImageUrl = 'https://ia903109.us.archive.org/1/items/jpg_20260222/%D9%8A%D9%88%D9%85%20%D8%A7%D9%84%D8%AA%D8%A7%D8%B3%D9%8A%D8%B3.jpg.jpeg';

    // إنشاء عناصر البوب أب
    const overlay = document.createElement('div');
    overlay.className = 'custom-popup-overlay';
    overlay.innerHTML = `
      <div class="custom-popup-box">
        <span class="close-popup-btn" onclick="closeCustomPopup()">&times;</span>
        <a href="#" onclick="closeCustomPopup()">
            <img src="${myImageUrl}" alt="عرض خاص" class="custom-popup-img">
        </a>
      </div>
    `;
    document.body.appendChild(overlay);

    // وظيفة الإغلاق
    window.closeCustomPopup = function() {
        overlay.classList.remove('active');
        setTimeout(() => overlay.remove(), 600);
    };

    // إظهار البوب أب بعد 3 ثواني
    setTimeout(() => {
        overlay.classList.add('active');
        // تسجيل إن العميل شاف البوب أب عشان ميتكررش ليه تاني أبداً
        localStorage.setItem("popup_already_shown", "true");
    }, 3000);
});