/* ═══ المفضلة والجرس ═══ */
.vf-actions{display:inline-flex;gap:4px;position:relative;z-index:5}
.vf-actions button{background:var(--bg2,var(--card));border:1px solid var(--border);
    color:var(--text3);border-radius:8px;width:32px;height:32px;display:flex;
    align-items:center;justify-content:center;cursor:pointer;transition:all .18s;font-size:15px}
.vf-actions button:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.08)}
.vf-actions .fav-star.on{color:#fbbf24;border-color:#fbbf24;background:rgba(251,191,36,.1)}
.vf-actions .fav-bell.on{color:#22c55e;border-color:#22c55e;background:rgba(34,197,94,.12)}
@keyframes vfBellShake{0%,100%{transform:rotate(0)}20%{transform:rotate(-15deg)}
    40%{transform:rotate(15deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}}
.vf-actions .fav-bell.on i{animation:vfBellShake .8s ease}
/* ═══ أين تشاهد ═══ */
.vf-wtw{background:var(--card,#111827);border:1px solid var(--border,#1e2a3a);
    border-radius:12px;padding:.5rem;margin:.8rem 0}
.vf-wtw-row{display:flex;align-items:center;gap:.8rem;padding:.6rem .7rem;
    border-bottom:1px dashed var(--border)}
.vf-wtw-row:last-child{border-bottom:none}
.vf-wtw-logo{width:42px;height:42px;flex-shrink:0;background:var(--bg2);
    border-radius:8px;display:flex;align-items:center;justify-content:center;
    overflow:hidden;color:var(--text3)}
.vf-wtw-logo img{width:100%;height:100%;object-fit:contain}
.vf-wtw-logo i{font-size:1.3rem}
.vf-wtw-body{flex:1;min-width:0}
.vf-wtw-name{font-size:.88rem;font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.vf-badge{font-size:.65rem;padding:1px 7px;border-radius:8px;font-weight:700}
.vf-free{background:rgba(34,197,94,.15);color:#22c55e}
.vf-paid{background:rgba(239,68,68,.12);color:#ef4444}
.vf-wtw-meta{font-size:.72rem;color:var(--text3);margin-top:3px}
.vf-wtw-empty{text-align:center;padding:1.5rem;color:var(--text3);font-size:.82rem}
.vf-wtw-empty i{font-size:1.6rem;display:block;margin-bottom:.4rem;opacity:.5}
/* ═══ تثبيت زرّي المفضلة داخل شبكة hero في صفحة المباراة ═══ */
.match-row{position:relative}
.match-row > .vf-actions{position:absolute;top:-6px;z-index:10}
.match-row > .vf-actions:first-child{left:0}
.match-row > .vf-actions:nth-child(4){right:0}
/* ═══ دردشة الجماهير (الدفعة 2) ═══ */
.vf-chat{background:var(--card,#111827);border:1px solid var(--border,#1e2a3a);border-radius:12px;margin:.85rem 0;overflow:hidden}
.vf-chat-hd{display:flex;align-items:center;gap:7px;padding:.55rem .9rem;background:var(--bg2);font-size:.82rem;font-weight:700;border-bottom:1px solid var(--border)}
.vf-chat-hd i{color:var(--accent)}
.vf-chat-count{margin-inline-start:auto;font-size:.68rem;color:var(--text3);font-weight:400}
.vf-chat-body{max-height:300px;overflow-y:auto;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.45rem}
.vf-chat-empty{text-align:center;color:var(--text3);font-size:.78rem;padding:1.2rem 0}
.vf-msg{background:var(--bg2);border-radius:10px;padding:.4rem .6rem;max-width:85%}
.vf-msg.mine{background:rgba(34,197,94,.12);align-self:flex-end}
.vf-msg-hd{display:flex;gap:6px;align-items:baseline;margin-bottom:2px}
.vf-msg-name{font-size:.68rem;font-weight:700;color:var(--accent)}
.vf-msg-time{font-size:.6rem;color:var(--text3)}
.vf-msg-body{font-size:.8rem;line-height:1.5;word-break:break-word;color:var(--text)}
.vf-chat-form{display:flex;gap:.4rem;padding:.5rem .6rem;border-top:1px solid var(--border)}
.vf-chat-form input{flex:1;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;color:var(--text);font-family:inherit;font-size:.8rem;outline:none}
.vf-chat-form input:focus{border-color:var(--accent)}
.vf-chat-form button{background:var(--accent);border:none;color:#fff;border-radius:8px;padding:.5rem .9rem;font-weight:700;font-family:inherit;font-size:.78rem;cursor:pointer}
.vf-chat-form button:disabled{opacity:.5;cursor:not-allowed}
.vf-chat-err{font-size:.68rem;color:#ef4444;padding:0 .8rem .4rem;min-height:1em}
/* ═══ دردشة v2 — فقاعة عائمة ثابتة أسفل الشاشة ═══ */
.vf-chat-root{position:fixed;inset-inline-end:18px;bottom:18px;z-index:400}
.vf-chat-fab{width:56px;height:56px;border-radius:50%;background:var(--accent,#22c55e);border:none;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35);position:relative;transition:transform .2s}
.vf-chat-fab:hover{transform:scale(1.07)}
.vf-chat-badge{position:absolute;top:-4px;inset-inline-end:-4px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.vf-chat-panel{position:absolute;bottom:68px;inset-inline-end:0;width:min(360px,calc(100vw - 36px));height:min(440px,60vh);background:var(--card,#111827);border:1px solid var(--border,#1e2a3a);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.45);opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;transition:opacity .22s,transform .22s}
.vf-chat-root.open .vf-chat-panel{opacity:1;transform:none;pointer-events:auto}
.vf-chat-hd{display:flex;align-items:center;gap:7px;padding:.6rem .8rem;background:var(--bg2);font-size:.82rem;font-weight:700;border-bottom:1px solid var(--border)}
.vf-chat-hd i{color:var(--accent)}
.vf-chat-count{font-size:.66rem;color:var(--text3);font-weight:400}
.vf-chat-close{margin-inline-start:auto;background:none;border:none;color:var(--text3);cursor:pointer;font-size:16px;display:flex;align-items:center}
.vf-chat-body{flex:1;overflow-y:auto;padding:.6rem .7rem;display:flex;flex-direction:column;gap:.45rem}
.vf-chat-empty{text-align:center;color:var(--text3);font-size:.76rem;padding:1.4rem 0}
.vf-msg{background:var(--bg2);border-radius:10px;padding:.4rem .6rem;max-width:85%}
.vf-msg.mine{background:rgba(34,197,94,.14);align-self:flex-end}
.vf-msg-hd{display:flex;gap:6px;align-items:baseline;margin-bottom:2px}
.vf-msg-name{font-size:.66rem;font-weight:700;color:var(--accent)}
.vf-msg-time{font-size:.58rem;color:var(--text3)}
.vf-msg-body{font-size:.78rem;line-height:1.5;word-break:break-word;color:var(--text)}
.vf-chat-err{font-size:.64rem;color:#ef4444;padding:0 .8rem .35rem;min-height:1em}
.vf-chat-form{display:flex;gap:.4rem;padding:.5rem .55rem;border-top:1px solid var(--border);background:var(--bg2)}
.vf-chat-form input{flex:1;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:.5rem .9rem;color:var(--text);font-family:inherit;font-size:.78rem;outline:none;min-width:0}
.vf-chat-form input:focus{border-color:var(--accent)}
.vf-chat-form button{width:38px;height:38px;flex-shrink:0;border:none;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px}
.vf-chat-form button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:480px){.vf-chat-panel{width:calc(100vw - 24px);height:min(420px,55vh)}}
/* ═══ دردشة v3 — وميض جذب حتى أول نقرة + تلميح الاسم عند التمرير ═══ */
.vf-chat-fab.vf-attn{animation:vfFabPulse 1.7s ease-out infinite}
@keyframes vfFabPulse{
0%{box-shadow:0 0 0 0 rgba(34,197,94,.55), 0 8px 24px rgba(0,0,0,.35)}
70%{box-shadow:0 0 0 20px rgba(34,197,94,0), 0 8px 24px rgba(0,0,0,.35)}
100%{box-shadow:0 0 0 0 rgba(34,197,94,0), 0 8px 24px rgba(0,0,0,.35)}
}
.vf-chat-fab .vf-chat-tip{position:absolute;inset-inline-end:calc(100% + 12px);top:50%;transform:translateY(-50%) scale(.92);background:var(--bg3,#111827);color:var(--text,#e2e8f0);border:1px solid var(--border,#1e2a3a);font-size:.72rem;font-weight:700;padding:.4rem .8rem;border-radius:9px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.vf-chat-fab:hover .vf-chat-tip,.vf-chat-fab:focus-visible .vf-chat-tip{opacity:1;transform:translateY(-50%) scale(1)}
/* ═══ دردشة v4 — تثبيت الفقاعة على الجوال (vf-chat-root v4) ═══ */
/* إحداثيات فيزيائية صريحة بدل المنطقية — تدعم كل متصفحات الجوال */
.vf-chat-root{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:16px;left:auto;width:56px;height:56px;z-index:9999}
html[dir="rtl"] .vf-chat-root{right:auto;left:16px}
/* اللوحة المغلقة: مخفية تماماً حتى لا تشغل حيّزاً أو تُقصّ */
.vf-chat-panel{visibility:hidden;max-width:calc(100vw - 24px);transition:opacity .22s,transform .22s,visibility 0s linear .22s}
.vf-chat-root.open .vf-chat-panel{visibility:visible;transition:opacity .22s,transform .22s,visibility 0s linear 0s}
@media(max-width:600px){
.vf-chat-root{width:48px;height:48px;bottom:calc(12px + env(safe-area-inset-bottom,0px));right:12px}
html[dir="rtl"] .vf-chat-root{right:auto;left:12px}
.vf-chat-fab{width:48px;height:48px;font-size:20px}
.vf-chat-fab .vf-chat-tip{display:none}
.vf-chat-panel{width:calc(100vw - 24px);height:min(380px,55vh);bottom:58px}
.vf-chat-badge{min-width:16px;height:16px;font-size:.58rem}
}
/* ═══ دردشة v6 — إصلاح اختفاء الفقاعة تحت شريط Chrome السفلي + زر مشاركة ═══ */
/* Chrome للجوال يضع شريط URL أسفل الشاشة (~56px)، فيُخفي الفقاعة. الحل: رفعها */
@media(max-width:600px){
.vf-chat-root{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
html[dir="rtl"] .vf-chat-root{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
}
/* زر المشاركة في رأس الدردشة */
.vf-chat-share{margin-inline-start:auto;background:none;border:none;color:var(--text3);cursor:pointer;font-size:15px;display:flex;align-items:center;padding:4px;border-radius:6px;transition:all .18s}
.vf-chat-share:hover{color:var(--accent);background:var(--bg2)}
.vf-chat-count{margin-inline-start:0}
/* Toast النسخ */
.vf-chat-toast{position:fixed;bottom:160px;inset-inline-start:50%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:.55rem 1.1rem;border-radius:20px;font-size:.78rem;font-weight:700;opacity:0;pointer-events:none;transition:opacity .25s;z-index:10000;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.vf-chat-toast.show{opacity:1}
/* وميض الفتح التلقائي عند hash */
@keyframes vfFabOpen{0%{transform:scale(1)}40%{transform:scale(1.2)}100%{transform:scale(1)}}
.vf-chat-fab.vf-auto-open{animation:vfFabOpen .7s ease}
/* ═══ دردشة v7 — زر الدخول + ضغط مربعات "قد يهمك" على الجوال ═══ */
.vf-chat-cta{display:flex;align-items:center;gap:.7rem;width:100%;background:linear-gradient(100deg,rgba(34,197,94,.14),var(--card,#111827));border:1px solid rgba(34,197,94,.32);border-radius:12px;padding:.75rem .95rem;margin:.85rem 0;cursor:pointer;font-family:inherit;color:var(--text,#e2e8f0);text-align:start;transition:all .2s}
.vf-chat-cta:hover{border-color:var(--accent,#22c55e);transform:translateY(-1px)}
.vf-chat-cta > i:first-child{font-size:1.4rem;color:var(--accent,#22c55e);flex-shrink:0}
.vf-chat-cta .cta-t{font-weight:700;font-size:.86rem;display:block}
.vf-chat-cta .cta-sub{font-size:.7rem;color:var(--text2,#94a3b8);font-weight:400;display:block;margin-top:2px;line-height:1.4}
.vf-chat-cta > i:last-child{margin-inline-start:auto;color:var(--accent,#22c55e);flex-shrink:0;flex-direction:column}
@media(max-width:600px){
.related-grid{gap:.4rem}
.related-card{padding:.5rem .45rem}
.related-names{font-size:.6rem}
.related-teams img{width:18px;height:18px}
.related-score{font-size:.75rem}
.related-date{font-size:.6rem}
}
/* ═══ الدفعة 3 — شريط لهجات الملخص + شعلة السلسلة ═══ */
.vf-dialect{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:-.35rem 0 .85rem;padding:.45rem .6rem;background:var(--bg2);border:1px solid var(--border);border-radius:10px}
.vf-dialect-lbl{font-size:.7rem;color:var(--text3);font-weight:600}
.vf-dbtn{border:1px solid var(--border);background:var(--card);color:var(--text2);border-radius:14px;padding:.25rem .7rem;font-size:.7rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}
.vf-dbtn:hover{border-color:var(--accent);color:var(--accent)}
.vf-dbtn.active{background:var(--accent);border-color:var(--accent);color:#fff}
.vf-streak{color:#f97316;font-weight:800;font-size:.72rem;margin-inline-start:4px;white-space:nowrap}
/* ═══ شريط اللهجات v2 — Toast وحالة تحميل ═══ */
.vf-dialect-toast{position:fixed;bottom:90px;inset-inline-start:50%;transform:translateX(-50%);background:var(--bg3,#111827);color:var(--text,#e2e8f0);border:1px solid var(--border,#1e2a3a);border-radius:10px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .25s;z-index:9998;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.vf-dialect-toast.show{opacity:1}
.vf-dbtn:disabled{opacity:.6;cursor:wait}
/* ═══ سلايدر المباريات المميزة ═══ */
.vk-feat-wrap{max-width:680px;margin:.4rem auto .9rem;padding:0 .75rem}
.vk-feat-hd{display:flex;align-items:center;gap:.5rem;margin-bottom:.55rem}
.vk-feat-ico{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#f59e0b,#ef4444);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.05rem;box-shadow:0 4px 14px rgba(239,68,68,.35);flex-shrink:0}
.vk-feat-title{font-weight:800;font-size:.9rem;background:linear-gradient(90deg,#f59e0b,#ef4444);-webkit-background-clip:text;background-clip:text;color:transparent}
.vk-feat-line{flex:1;height:2px;background:linear-gradient(90deg,rgba(239,68,68,.5),transparent);border-radius:2px}
.vk-feat-slider{display:flex;gap:.55rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.3rem}
.vk-feat-slider::-webkit-scrollbar{display:none}
.vk-feat-slider{will-change:transform;transition:none}
.vk-feat-card{position:relative;flex:0 0 205px;scroll-snap-align:start;background:linear-gradient(160deg,var(--bg3),var(--card));border:1px solid var(--border);border-radius:14px;padding:1.5rem .7rem .7rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.45rem;transition:border-color .2s,transform .2s;overflow:hidden}
.vk-feat-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.vk-feat-card::before{content:'';position:absolute;inset:0;background:radial-gradient(120px 60px at 85% -10%,rgba(34,197,94,.14),transparent);pointer-events:none}
.vk-feat-ribbon{position:absolute;top:7px;inset-inline-end:7px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.45);color:#f59e0b;font-size:.56rem;font-weight:700;border-radius:20px;padding:2px 8px;display:flex;align-items:center;gap:3px}
.vk-feat-teams{display:flex;align-items:center;justify-content:center;gap:.6rem}
.vk-feat-teams img{width:34px;height:34px;object-fit:contain}
.vk-feat-x{color:var(--text3);font-size:.8rem;font-weight:700}
.vk-feat-names{font-size:.72rem;font-weight:700;color:var(--text);text-align:center;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vk-feat-meta{display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:.62rem;color:var(--text3)}
.vk-feat-time{display:flex;align-items:center;gap:3px;color:var(--accent);font-weight:700;white-space:nowrap}
.vk-feat-lg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}
/* ═══ فلاتر الجوال: نصوص واضحة بدل أيقونات صغيرة ═══ */
@media(max-width:640px){
.ftxt,.fb-txt,.filter-label,.fbtn span,.filter-bar button span,.filters button span{display:inline !important;font-size:.64rem;font-weight:600;margin-inline-start:3px;white-space:nowrap}
.filter-bar,.filters{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;gap:.35rem;padding:.4rem .6rem}
.fbtn,.filters button{flex:0 0 auto;padding:.42rem .65rem;font-size:.7rem;border-radius:9px}
}
/* ═══ الفوتر الموحّد ═══ */
.vk-footer{border-top:1px solid var(--border);margin-top:1.2rem;padding:1rem .75rem 1.4rem;background:var(--bg2)}
.vk-footer-links{max-width:680px;margin:0 auto .6rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem .9rem;font-size:.72rem}
.vk-footer-links a{color:var(--text2);text-decoration:none}
.vk-footer-links a:hover{color:var(--accent)}
.vk-footer-copy{text-align:center;font-size:.66rem;color:var(--text3)}
/* ═══ السلايدر المتحرك اللانهائي (Marquee v2) ═══ */
.vk-feat-slider{overflow:hidden !important;scroll-snap-type:none !important;position:relative}
.vk-feat-track{display:flex;width:max-content;animation:vkFeat 55s linear infinite}
.vk-feat-card{margin-inline-end:.55rem;flex:0 0 205px}
.vk-feat-slider:hover .vk-feat-track{animation-play-state:paused}
@keyframes vkFeat{from{transform:translateX(0)}to{transform:translateX(var(--vk-shift,-50%))}}
/* العربية: من اليمين إلى اليسار · الإنجليزية/LTR: من اليسار إلى اليمين */
html[dir="ltr"] .vk-feat-track{animation-direction:reverse}
@media (prefers-reduced-motion: reduce){.vk-feat-track{animation:none}}
/* ═══ بريدا التواصل في الفوتر ═══ */
.vk-footer-mail{display:flex;justify-content:center;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.72rem;margin-bottom:.55rem}
.vk-footer-mail a{color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:4px;direction:ltr}
.vk-footer-mail a:hover{text-decoration:underline}
.vk-footer-mail .sep{color:var(--text3)}
/* ═══ السلايدر v12: عرض كامل + حركة لا تختفي في RTL ═══ */
/* الغلاف يمتد بعرض الصفحة كاملاً بلا فراغات جانبية */
.vk-feat-wrap{max-width:100% !important;width:100%;margin:0 !important;padding:0 .6rem !important}
.vk-feat-hd{padding:0 .2rem}
/* الحاوية كتلية (ليست flex) حتى لا يُقصّ المسار في RTL */
.vk-feat-slider{display:block !important;overflow:hidden;position:relative}
/* المسار: هندسة LTR ثابتة لكل اللغات — يمنع اختفاء البطاقات في العربية */
.vk-feat-track{direction:ltr;display:flex;width:max-content;animation:vkFeat 55s linear infinite;will-change:transform}
/* اتجاه محتوى البطاقة يتبع لغة الصفحة */
html[dir="rtl"] .vk-feat-card{direction:rtl}
html[dir="ltr"] .vk-feat-card{direction:ltr}
.vk-feat-card{margin-inline-end:.55rem;flex:0 0 205px}
.vk-feat-slider:hover .vk-feat-track{animation-play-state:paused}
@keyframes vkFeat{from{transform:translateX(0)}to{transform:translateX(var(--vk-shift,-50%))}}
/* العربية: من اليمين إلى اليسار · الإنجليزية: من اليسار إلى اليمين */
html[dir="ltr"] .vk-feat-track{animation-direction:reverse}
@media (prefers-reduced-motion: reduce){.vk-feat-track{animation:none}}
/* ═══ السلايدر v13: عكس الاتجاه — يصلح الفراغ في RTL ═══
   في RTL المسار مثبّت يميناً؛ الحركة المعكوسة تبقي النافذة مغطاة دائماً:
   العربية → مرور من اليمين إلى اليسار · الإنجليزية → من اليسار إلى اليمين */
.vk-feat-track{animation-direction:reverse !important}
/* ═══ السلايدر v14: تثبيت فيزيائي على اليسار بكل اللغات ═══
   float:left يجعل هندسة الشريط مطابقة للإنجليزية حتى في صفحات RTL:
   - النافذة تجتاز الشريط كاملاً → كل المباريات تظهر بالتتابع
   - لا فراغ أبيض في أي لحظة من الدورة
   - اتجاه الحركة يبقى حسب اللغة: عربي يمين→يسار · إنجليزي يسار→يمين */
.vk-feat-track{float:left;animation-direction:normal !important}
html[dir="ltr"] .vk-feat-track{animation-direction:reverse !important}
.vk-feat-slider::after{content:'';display:table;clear:both}
/* نتيجة المباراة: بالعربية الرقم الأيمن = المضيف دائماً */
html[dir="rtl"] .vk-sc{unicode-bidi:bidi-override;direction:rtl;display:inline-block}
.vk-sc{direction:ltr;display:inline-block}