شات عناق للجوال | دردشة عربية بدون تسجيل - شات كتابي وصوتي مباشر - شات عناق للجوال يوفر دردشة عربية مباشرة بدون تسجيل أو تحميل، شات كتابي وصوتي وصورة، تعارف شباب وبنات الخليج والسعودية ومصر، دردشة مجانية وآمنة وسريعة.

(function () { function injectBar() { const tabsContainer = document.querySelector('#tlogins'); if (!tabsContainer) { setTimeout(injectBar, 300); return; } const tabs = tabsContainer.querySelector('.nav.nav-tabs'); if (!tabs) { setTimeout(injectBar, 300); return; } if (document.getElementById('contactBar')) return; const bar = document.createElement('div'); bar.id = 'contactBar'; bar.style.cssText = ` width: 100%; background: #ffffff; padding: 4px 2px; border-bottom: 1px solid #eee; display: flex; justify-content: center; align-items: center; gap: 3px; flex-wrap: nowrap; overflow: hidden; opacity: 0; transform: translateY(-8px); transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); position: relative; z-index: 10; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; `; function makeBtn(text, icon, color1, color2, link, isChat = false) { const btn = document.createElement('a'); btn.href = link || '#'; btn.target = '_blank'; btn.rel = 'noopener'; const isIOS = /iPhone|iPad|iPod/.test(navigator.platform) || (navigator.userAgent.includes("Mac") && "ontouchend" in document); const updateSize = () => { const w = window.innerWidth; const isMobile = w <= 480; const isVerySmall = w <= 375; let fontSize = '8.5px'; let padding = '3px 5px'; let iconCircleSize = '14px'; let iconFontSize = '7px'; if (isVerySmall) { fontSize = '7.5px'; padding = '2px 4px'; iconCircleSize = '12px'; iconFontSize = '6px'; } else if (isMobile) { fontSize = '8px'; padding = '2.5px 4.5px'; iconCircleSize = '13px'; iconFontSize = '6.5px'; } btn.style.padding = padding; btn.style.fontSize = fontSize; const circle = btn.querySelector('.icon-circle'); circle.style.width = iconCircleSize; circle.style.height = iconCircleSize; const iTag = btn.querySelector('i'); iTag.style.fontSize = iconFontSize; btn.querySelector('.btn-text').style.cssText = ` flex: 1; white-space: nowrap; font-size: ${fontSize}; line-height: 1; font-weight: 700; letter-spacing: -0.2px; `; }; btn.style.cssText = ` background: linear-gradient(145deg, ${color1}, ${color2}); color: #fff; border-radius: 8px; text-decoration: none; display: inline-flex; align-items: center; gap: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.08); transition: transform 0.2s ease, box-shadow 0.2s ease; white-space: nowrap; flex: 1; min-width: 0; max-width: 180px; -webkit-tap-highlight-color: transparent; `; // تصميم أيقونة أكثر جمالاً const iconSpan = document.createElement('span'); iconSpan.className = 'icon-circle'; iconSpan.style.cssText = ` background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; /* جعلها مربعة زوايا ناعمة أجمل من الدائرة الكاملة أحياناً */ flex-shrink: 0; border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: inset 0 0 4px rgba(255,255,255,0.2); `; // إضافة ظل للأيقونة لإبرازها iconSpan.innerHTML = `<i class="fas ${icon}" style="filter: drop-shadow(0 1px 1px rgba(0,0,0,0.2));"></i>`; const textSpan = document.createElement('span'); textSpan.className = 'btn-text'; textSpan.textContent = text; btn.appendChild(iconSpan); btn.appendChild(textSpan); // تأثير عند اللمس btn.addEventListener('touchstart', () => { btn.style.transform = 'scale(0.96)'; }); btn.addEventListener('touchend', () => { btn.style.transform = 'scale(1)'; }); updateSize(); window.addEventListener('resize', updateSize); return btn; } const buttons = [ makeBtn('اتصل بنا', 'fa-phone-alt', '#4facfe', '#00f2fe', 'contact.html'), makeBtn('التطبيق', 'fa-mobile-android-alt', '#43e97b', '#38f9d7', 'app.html'), makeBtn('الاشتراكات', 'fa-crown', '#f9d423', '#ff4e50', 'subscriptions.html'), makeBtn('القوانين', 'fa-balance-scale', '#ff0844', '#ffb199', 'rules.html'), ]; buttons.forEach(btn => bar.appendChild(btn)); tabs.parentNode.insertBefore(bar, tabs); requestAnimationFrame(() => { bar.style.opacity = '1'; bar.style.transform = 'translateY(0)'; }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', injectBar); } else { injectBar(); } window.addEventListener('load', () => setTimeout(injectBar, 600)); })();