(function() {
    // بناء الإعلان باستخدام الصورة الشفافة الجديدة
    const popupHTML = `
    <div id="hunters-master-overlay">
        <div id="hunters-popup-card">
            <div class="hunters-close-btn" id="close-hunters-btn">×</div>
            
            <div style="background: linear-gradient(to bottom, #f4effa, #ffffff); padding-top: 20px; border-radius: 25px 25px 0 0;">
                <img src="https://i.postimg.cc/bZ8zjPKb/Gemini-Generated-Image-uvar94uvar94uvar-removebg-preview.png" 
                     style="width: 85%; height: auto; display: block; margin: 0 auto; image-rendering: -webkit-optimize-contrast;">
            </div>

            <div style="padding: 20px; text-align: center; background: #ffffff; border-radius: 0 0 25px 25px;">
                <div style="margin-bottom: 18px;">
                    <h2 style="color: #27ae60; margin: 0 0 8px 0; font-size: 22px; font-weight: 900;">وفر 50 ريال فوراً! ✨</h2>
                    <p style="color: #444; font-size: 14px; margin: 0; line-height: 1.5; font-weight: 600;">
                        استخدم كود <span style="color: #6b4c9a; font-weight: bold;">صياد</span> لخصم فوري <br>
                        مع ميزة <span style="color: #6b4c9a; font-weight: 800; border-bottom: 2px dashed #6b4c9a;">الشحن المجاني</span> لطلبك.
                    </p>
                </div>

                <div class="btn-purple-action" id="copy-trigger-btn">
                    <span style="font-size: 28px; font-weight: 900; color: #ffffff; display: block; letter-spacing: 3px; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">صياد</span>
                    <small style="color: rgba(255,255,255,0.9); font-size: 10px; display: block; margin-top: 4px;">إضغط لنسخ الكود وتفعيل الخصم 📋</small>
                    <div id="copy-success-toast">تم النسخ.. استمتع بالخصم! 🎉</div>
                </div>
                
                <a href="/hunters-club" class="btn-join-club">انضم لنادي الصيادين</a>
            </div>
        </div>
    </div>`;

    document.body.insertAdjacentHTML('beforeend', popupHTML);

    const overlay = document.getElementById('hunters-master-overlay');
    const closeBtn = document.getElementById('close-hunters-btn');
    const copyBtn = document.getElementById('copy-trigger-btn');

    // ملفات الصوت
    const soundPop = new Audio('https://notificationsounds.com/storage/sounds/file-sounds-1150-pristine.mp3'); 
    const soundCopy = new Audio('https://notificationsounds.com/storage/sounds/file-sounds-1148-gloomy.mp3');

    const unlockAudio = () => {
        soundPop.play().then(() => { soundPop.pause(); soundPop.currentTime = 0; }).catch(() => {});
        soundCopy.play().then(() => { soundCopy.pause(); soundCopy.currentTime = 0; }).catch(() => {});
        document.removeEventListener('click', unlockAudio);
        document.removeEventListener('touchstart', unlockAudio);
    };
    document.addEventListener('click', unlockAudio);
    document.addEventListener('touchstart', unlockAudio);

    function closePopup() {
        overlay.classList.remove('active-popup');
        setTimeout(() => {
            overlay.style.display = 'none';
            sessionStorage.setItem('hunters_vFinal_seen', 'true');
        }, 500);
    }

    if(closeBtn) closeBtn.onclick = closePopup;

    if(copyBtn) {
        copyBtn.onclick = function() {
            const temp = document.createElement('textarea');
            temp.value = "صياد";
            document.body.appendChild(temp);
            temp.select();
            document.execCommand('copy');
            document.body.removeChild(temp);

            soundCopy.play().catch(() => {});
            const toast = document.getElementById('copy-success-toast');
            toast.style.display = 'block';
            setTimeout(() => {
                toast.style.display = 'none';
                closePopup();
            }, 2000);
        };
    }

    setTimeout(() => {
        if (!sessionStorage.getItem('hunters_vFinal_seen')) {
            overlay.style.display = 'flex';
            soundPop.play().catch(() => {});
            setTimeout(() => overlay.classList.add('active-popup'), 50);
        }
    }, 5000);
})();