(function() { // ========================================== // 1. ميزة إضافة حقوق "تطوير حصاد" في الفوتر (تعمل في كل الصفحات) // ========================================== function initFooterCredit() { // منع التكرار في حال تم استدعاء الدالة أكثر من مرة if (document.getElementById('haasad-footer-credit')) return; // البحث عن أفضل مكان لحقن الحقوق في فوتر سلة أو الفوتر القياسي const targetFooter = document.querySelector('.s-footer-copyright') || document.querySelector('.footer-copyright') || document.querySelector('.footer-copyright-text') || document.querySelector('.store-footer') || document.querySelector('footer') || document.body; if (targetFooter) { // إنشاء عنصر الحقوق الصغير const creditDiv = document.createElement('div'); creditDiv.id = 'haasad-footer-credit'; creditDiv.className = 'haasad-credit-wrapper'; creditDiv.innerHTML = `تطوير حصاد`; // إضافة الـ CSS الخاص بالحقوق للتناسق التام مع قالب الموقع الأساسي const styleCredit = document.createElement('style'); styleCredit.textContent = ` .haasad-credit-wrapper { display: inline-block !important; font-size: 11px !important; color: rgba(255, 255, 255, 0.4) !important; font-family: 'Cairo', 'Tajawal', sans-serif !important; margin: 5px 15px !important; direction: rtl !important; vertical-align: middle !important; } .haasad-credit-wrapper a { color: #3eaf6b !important; text-decoration: none !important; font-weight: 700 !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; display: inline !important; } .haasad-credit-wrapper a:hover { color: #ffffff !important; text-shadow: 0 0 8px rgba(62, 175, 107, 0.6) !important; } /* تنسيق التموضع داخل الفوتر للتأكد من توسطه أو توازيه مع الحقوق الأخرى */ @media (max-width: 768px) { .haasad-credit-wrapper { display: block !important; text-align: center !important; margin-top: 8px !important; } } `; document.head.appendChild(styleCredit); // حقن العنصر في المكان المناسب if (targetFooter === document.body) { // إذا لم يجد فوتر، يضعه أسفل البودي تماماً كخيار احتياطي creditDiv.style.position = 'relative'; creditDiv.style.textAlign = 'center'; creditDiv.style.padding = '15px 0'; creditDiv.style.background = '#000000'; creditDiv.style.width = '100%'; document.body.appendChild(creditDiv); } else { // وضعه بداخل الفوتر بشكل طبيعي وأنيق targetFooter.appendChild(creditDiv); } } } // تشغيل دالة الفوتر فوراً لتعمل في جميع صفحات الموقع if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initFooterCredit); } else { initFooterCredit(); } // ========================================== // 2. ميزة السلايدر التفاعلي الفاخر (تعمل في الصفحة الرئيسية فقط) // ========================================== const isHomepage = window.location.pathname === '/' || window.location.pathname === '' || window.location.pathname.endsWith('/index.html') || document.body.classList.contains('page-home') || window.location.search.includes('home') || document.querySelector('.home-page-detector') !== null; if (!isHomepage) return; // الخروج الفوري من بناء السلايدر إذا لم نكن في الصفحة الرئيسية function initProSlider() { if (document.getElementById('pro-store-slider-container')) return; const targetHeader = document.querySelector('header') || document.querySelector('.site-header') || document.querySelector('#site-header') || document.querySelector('.header') || document.querySelector('.s-header-container') || document.querySelector('.main-menu-wrapper'); if (!targetHeader) { console.warn("Slider: Header element not found, prepending to body."); return; } const sliderWrapper = document.createElement('div'); sliderWrapper.id = 'pro-store-slider-container'; const styleElement = document.createElement('style'); styleElement.textContent = ` #pro-store-slider-container { width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; background-color: #000000 !important; position: relative !important; overflow: hidden !important; direction: rtl !important; font-family: 'Cairo', 'Tajawal', sans-serif !important; user-select: none !important; } #pro-store-slider-container * { box-sizing: border-box !important; margin: 0; padding: 0; } .pro-slider-viewport { position: relative; width: 100%; height: 480px; display: flex; align-items: center; overflow: hidden; z-index: 2; } .pro-slider-global-bg-icon { position: absolute; top: 50%; left: 15%; transform: translateY(-50%); width: 480px; height: 480px; background-image: url('https://cdn.files.salla.network/theme/2076293074/d90ab25a-dd1f-48ae-bda3-e78f9ffef8d9.webp'); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.1; pointer-events: none; z-index: 1; animation: proGlobalIconFloat 16s infinite ease-in-out alternate; filter: blur(1px) drop-shadow(0 0 20px rgba(62, 175, 107, 0.2)); } @keyframes proGlobalIconFloat { 0% { transform: translateY(-50%) rotate(0deg) scale(0.95); opacity: 0.08; } 50% { transform: translateY(-46%) rotate(8deg) scale(1.05); opacity: 0.12; } 100% { transform: translateY(-54%) rotate(-5deg) scale(0.95); opacity: 0.08; } } @media (max-width: 991px) { .pro-slider-viewport { height: 520px; } .pro-slider-global-bg-icon { width: 320px; height: 320px; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; animation: proGlobalIconFloatMobile 12s infinite ease-in-out alternate; opacity: 0.07; } } @keyframes proGlobalIconFloatMobile { 0% { transform: translate(-50%, -50%) rotate(0deg) scale(0.9); } 100% { transform: translate(-50%, -45%) rotate(15deg) scale(1.1); } } @media (max-width: 576px) { .pro-slider-viewport { height: 490px; } .pro-slider-global-bg-icon { width: 260px; height: 260px; opacity: 0.08; } } .pro-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out, visibility 0.8s; display: flex; align-items: center; justify-content: center; transform: scale(0.95); z-index: 2; } .pro-slide.active { opacity: 1; visibility: visible; transform: scale(1); z-index: 3; } .pro-slide-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 75% 50%, rgba(62, 175, 107, 0.12) 0%, rgba(0, 0, 0, 1) 75%); z-index: 1; } .pro-slide-content { position: relative; z-index: 3; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 40px; display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 40px; align-items: center; height: 100%; } @media (max-width: 991px) { .pro-slide-content { grid-template-columns: 1fr; grid-template-rows: auto auto; text-align: center; gap: 15px; padding: 30px 20px; justify-content: center; } } @media (max-width: 576px) { .pro-slide-content { padding: 20px 15px; gap: 10px; } } .pro-text-side { display: flex; flex-direction: column; justify-content: center; opacity: 0; transform: translateY(30px); transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, opacity 0.6s ease 0.3s; } .pro-slide.active .pro-text-side { opacity: 1; transform: translateY(0); } .pro-badge { display: inline-flex; align-items: center; gap: 6px; background-color: rgba(62, 175, 107, 0.12); border: 1px solid #3eaf6b; color: #3eaf6b; padding: 6px 14px; border-radius: 50px; font-size: 13px; font-weight: 700; width: fit-content; margin-bottom: 20px; letter-spacing: 0.5px; } @media (max-width: 991px) { .pro-badge { margin: 0 auto 10px auto; font-size: 11px; padding: 4px 10px; } } .pro-badge-dot { width: 8px; height: 8px; background-color: #3eaf6b; border-radius: 50%; animation: pro-pulse-dot 1.5s infinite alternate; } @keyframes pro-pulse-dot { 0% { opacity: 0.4; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1.2); } } .pro-title { color: #ffffff; font-size: 42px; font-weight: 900; line-height: 1.25; margin-bottom: 16px; } .pro-title span { color: #3eaf6b; } @media (max-width: 991px) { .pro-title { font-size: 28px; margin-bottom: 10px; } } @media (max-width: 576px) { .pro-title { font-size: 24px; margin-bottom: 8px; } } .pro-description { color: #cccccc; font-size: 16px; line-height: 1.8; margin-bottom: 30px; max-width: 550px; } @media (max-width: 991px) { .pro-description { margin-left: auto; margin-right: auto; font-size: 14px; margin-bottom: 20px; max-width: 90%; } } @media (max-width: 576px) { .pro-description { font-size: 13px; line-height: 1.6; margin-bottom: 15px; } } .pro-btn-wrapper { display: flex; gap: 15px; } @media (max-width: 991px) { .pro-btn-wrapper { justify-content: center; } } @media (max-width: 576px) { .pro-btn-wrapper { gap: 10px; width: 100%; } } .pro-btn-primary { background: linear-gradient(135deg, #3eaf6b 0%, #2e8b52 100%); color: #ffffff; padding: 14px 28px; font-size: 15px; font-weight: 700; border-radius: 12px; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; transition: all 0.3s ease; box-shadow: 0 10px 20px rgba(62, 175, 107, 0.25); border: 1px solid rgba(255, 255, 255, 0.1); } .pro-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 15px 25px rgba(62, 175, 107, 0.4); background: linear-gradient(135deg, #4ac47c 0%, #3eaf6b 100%); } .pro-btn-secondary { background-color: transparent; color: #ffffff; padding: 14px 28px; font-size: 15px; font-weight: 600; border-radius: 12px; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; transition: all 0.3s ease; border: 1.5px solid rgba(255, 255, 255, 0.15); } .pro-btn-secondary:hover { background-color: rgba(255, 255, 255, 0.05); border-color: #3eaf6b; color: #3eaf6b; } @media (max-width: 576px) { .pro-btn-primary, .pro-btn-secondary { padding: 10px 16px; font-size: 13px; border-radius: 8px; flex: 1; justify-content: center; } } .pro-icon-side { display: flex; align-items: center; justify-content: center; position: relative; opacity: 0; transform: scale(0.8) rotate(-10deg); transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, opacity 0.8s ease 0.3s; height: 100%; min-height: 250px; z-index: 5; } .pro-slide.active .pro-icon-side { opacity: 1; transform: scale(1) rotate(0); } .pro-icon-glow { position: absolute; width: 250px; height: 250px; background: radial-gradient(circle, rgba(62, 175, 107, 0.25) 0%, rgba(62, 175, 107, 0) 70%); border-radius: 50%; z-index: 1; animation: pro-ambient-glow 4s infinite ease-in-out; } @keyframes pro-ambient-glow { 0% { transform: scale(0.9); opacity: 0.7; } 50% { transform: scale(1.1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.7; } } .pro-icon-svg { position: relative; z-index: 2; width: 240px; height: 240px; filter: drop-shadow(0 15px 30px rgba(62, 175, 107, 0.3)); } @media (max-width: 991px) { .pro-icon-svg { width: 140px; height: 140px; } .pro-icon-glow { width: 150px; height: 150px; } .pro-icon-side { min-height: 140px; grid-row: 1; margin-bottom: 5px; } } @media (max-width: 576px) { .pro-icon-svg { width: 110px; height: 110px; } .pro-icon-glow { width: 110px; height: 110px; } .pro-icon-side { min-height: 110px; } } /* أنيميشن الأيقونة الأولى (المنتجات الرقمية) */ .anim-gear { transform-origin: 128px 128px; animation: rotateGear 12s infinite linear; } @keyframes rotateGear { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .anim-cloud { animation: floatCloud 3s infinite ease-in-out alternate; } @keyframes floatCloud { 0% { transform: translateY(-5px); } 100% { transform: translateY(5px); } } .anim-code { animation: blinkCode 2s infinite ease-in-out; } @keyframes blinkCode { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } } /* أنيميشن الأيقونة الثانية (الاشتراكات والـ IPTV) */ .anim-tv-waves { animation: tvWaves 2s infinite ease-in-out; transform-origin: 128px 110px; } @keyframes tvWaves { 0% { opacity: 0.2; transform: scale(0.85); } 50% { opacity: 1; transform: scale(1); } 100% { opacity: 0.2; transform: scale(1.1); } } .anim-play-button { animation: beatPlay 1.5s infinite ease-in-out alternate; transform-origin: 128px 110px; } @keyframes beatPlay { 0% { transform: scale(0.95); filter: drop-shadow(0 0 2px #3eaf6b); } 100% { transform: scale(1.05); filter: drop-shadow(0 0 10px #3eaf6b); } } .anim-ring { transform-origin: 128px 110px; animation: rotateRing 8s infinite linear; } @keyframes rotateRing { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* أنيميشن الشريحة الثالثة (الدرع + النجوم) */ .anim-shield { transform-origin: 128px 128px; transform-box: fill-box; animation: shieldPulse 3s infinite ease-in-out alternate; } @keyframes shieldPulse { 0% { transform: scale(0.98); filter: drop-shadow(0 0 0px #3eaf6b); opacity: 0.9; } 100% { transform: scale(1.03); filter: drop-shadow(0 0 10px #3eaf6b); opacity: 1; } } .anim-stars circle { transform-box: fill-box; transform-origin: center; animation: starBlink 1.6s infinite ease-in-out alternate; } @keyframes starBlink { 0% { opacity: 0.25; transform: scale(0.7); filter: drop-shadow(0 0 0px #ffffff); } 100% { opacity: 1; transform: scale(1.2); filter: drop-shadow(0 0 6px #3eaf6b); } } .pro-slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .pro-slider-arrow:hover { background-color: #3eaf6b; border-color: #3eaf6b; color: #000000; transform: translateY(-50%) scale(1.1); box-shadow: 0 0 15px rgba(62, 175, 107, 0.5); } .pro-arrow-prev { right: 25px; } .pro-arrow-next { left: 25px; } @media (max-width: 991px) { .pro-slider-arrow { display: none; } } .pro-slider-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 10; } .pro-slider-dot { width: 24px; height: 5px; background-color: rgba(255, 255, 255, 0.3); border-radius: 30px; cursor: pointer; transition: all 0.3s ease; } .pro-slider-dot.active { background-color: #3eaf6b; width: 38px; box-shadow: 0 0 10px rgba(62, 175, 107, 0.6); } @media (max-width: 576px) { .pro-slider-dots { bottom: 12px; } .pro-slider-dot { width: 16px; height: 4px; } .pro-slider-dot.active { width: 28px; } } .pro-slide:not(.active) .pro-text-side { opacity: 0; transform: translateY(30px); transition: none; } .pro-slide:not(.active) .pro-icon-side { opacity: 0; transform: scale(0.8) rotate(-10deg); transition: none; } `; sliderWrapper.innerHTML = `