(function insertSocialSticky(){ const html = ` `; // أدخل الـ CSS الضروري تلقائياً إذا ما موجود const css = ` .injected-social .sticky-container{position:fixed;top:40%;right:12px;transform:translateY(-50%);z-index:9999} .injected-social .sticky{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px} .injected-social .sticky li{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.6);color:#fff;padding:8px 10px;border-radius:12px;min-width:180px;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:transform .18s ease,background .18s ease} .injected-social .sticky li img{width:34px;height:34px;object-fit:contain;border-radius:6px} .injected-social .sticky li p{margin:0;line-height:1;font-size:13px} .injected-social .sticky li a{color:#fff;text-decoration:none;display:block} .injected-social .sticky li:hover{transform:translateX(-6px);background:rgba(0,0,0,.75)} @media(max-width:720px){ .injected-social .sticky li{min-width:48px;padding:8px;border-radius:50%;justify-content:center} .injected-social .sticky li p{display:none} }`; if (!document.querySelector('#social-sticky-styles')) { const s = document.createElement('style'); s.id = 'social-sticky-styles'; s.textContent = css; document.head.appendChild(s); } document.body.insertAdjacentHTML('beforeend', html); })();

تصميم وبرمجة