/* ============ نظام التصميم ============ */
:root{
  --sp-primary:#7C5CFF;          /* بنفسجي كهربائي */
  --sp-accent:#C6FF4D;           /* ليموني للمباشر */
  --sp-grad:linear-gradient(120deg,#7C5CFF,#9D7BFF);
  --sp-live:#C6FF4D;
  --sp-radius:22px;
  --sp-radius-sm:14px;
  --sp-tran:.32s cubic-bezier(.22,.61,.36,1);
  --sp-glow-g:0 0 28px rgba(124,92,255,.35);
  --sp-glow-b:0 0 28px rgba(198,255,77,.30);
  --max-w:1200px;
}
body{
  --bg:#0A0A14;--surface:rgba(22,22,38,.78);--surface-solid:#16162a;
  --ink:#ECECFB;--ink-2:#A6A6C8;--line:rgba(150,140,220,.13);
  --hold:#15152a;--hold-2:#1c1c38;
  --shadow:0 16px 44px rgba(0,0,0,.5);
  --shadow-hover:0 26px 64px rgba(0,0,0,.62),var(--sp-glow-g);
  --glass:rgba(15,15,28,.74);--glass-line:rgba(124,92,255,.22);
  --on-grad:#ffffff;--on-live:#11160a;
}
body.Night{
  --bg:#f4f3fb;--surface:rgba(255,255,255,.88);--surface-solid:#ffffff;
  --ink:#171430;--ink-2:#5f5a86;--line:#e4e1f5;
  --hold:#f1eefc;--hold-2:#e9e5fa;
  --shadow:0 12px 34px rgba(60,40,120,.10);
  --shadow-hover:0 20px 50px rgba(60,40,120,.18);
  --glass:rgba(255,255,255,.82);--glass-line:rgba(124,92,255,.18);
  --on-grad:#ffffff;--on-live:#11160a;
}

/* ============ أساسيات ============ */
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Cairo',system-ui,sans-serif;font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased;transition:background .4s ease,color .4s ease}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none;transition:color var(--sp-tran)}
a:hover{color:var(--sp-primary)}
h1,h2,h3,h4,h5{font-weight:800;line-height:1.5;margin:0 0 .6em}
::selection{background:var(--sp-primary);color:var(--on-grad)}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--sp-grad);border-radius:20px;border:2px solid var(--bg)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--sp-primary);outline-offset:3px;border-radius:6px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.container{max-width:var(--max-w);margin:0 auto;padding:0 14px}

/* ============ خلفية الاستاد ============ */
#spStage{position:fixed;inset:0;z-index:-1;pointer-events:none}
#spStage canvas{position:absolute;inset:0;width:100%;height:100%}
.sp-beams:before,.sp-beams:after{content:'';position:absolute;top:-30%;width:46vw;height:130vh;filter:blur(60px);opacity:.5;animation:spBeam 14s ease-in-out infinite alternate}
.sp-beams:before{inset-inline-start:-12vw;background:radial-gradient(closest-side,rgba(124,92,255,.22),transparent 70%);transform:rotate(18deg)}
.sp-beams:after{inset-inline-end:-12vw;background:radial-gradient(closest-side,rgba(198,255,77,.14),transparent 70%);animation-delay:-7s}
@keyframes spBeam{from{transform:rotate(14deg) translateY(-4%)}to{transform:rotate(22deg) translateY(4%)}}
body.Night #spStage{opacity:.25}

/* ============ الهيدر ============ */
.SiteHeader{position:sticky;top:0;z-index:900;background:radial-gradient(900px 340px at 82% -60%,rgba(124,92,255,.28),transparent),radial-gradient(760px 300px at 10% -40%,rgba(198,255,77,.10),transparent),linear-gradient(135deg,#0A0A14,#141328);border-bottom:1px solid rgba(124,92,255,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:box-shadow var(--sp-tran)}
body.sp-scrolled .SiteHeader{box-shadow:0 8px 30px rgba(0,0,0,.35)}
.SiteHeader .container{display:flex;align-items:center;gap:18px;min-height:72px}
.site-logo{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:900;color:#fff}
.site-logo img{max-height:48px;width:auto}
.site-logo b{background:var(--sp-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.main-nav{margin-inline-start:auto}
.main-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.main-nav a{display:block;padding:8px 16px;border-radius:30px;color:#dfe9ff;font-weight:700;font-size:14px;transition:background var(--sp-tran),transform var(--sp-tran)}
.main-nav a:hover{background:rgba(255,255,255,.14);color:#fff;transform:translateY(-2px)}
.head-actions{display:flex;gap:8px}
.head-actions button{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.06);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--sp-tran),border-color var(--sp-tran)}
.head-actions button:hover{transform:translateY(-2px);border-color:var(--sp-primary)}
.head-actions svg{width:20px;height:20px;fill:var(--sp-primary)}
.nav-toggle{display:none}
@media (max-width:880px){
 .main-nav{position:fixed;inset:72px 0 auto;background:var(--glass);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-line);transform:translateY(-130%);transition:transform .35s ease;padding:10px}
 .main-nav.open{transform:none}
 .main-nav ul{flex-direction:column}
 .nav-toggle{display:flex}
}

/* ============ الصناديق والعناوين ============ */
.box{background:var(--surface);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--line);border-radius:var(--sp-radius);box-shadow:var(--shadow);padding:16px;margin-bottom:24px}
.TitleBox{position:relative;display:flex;align-items:center;justify-content:space-between;margin:-2px 0 16px;padding-bottom:12px}
.TitleBox:after{content:'';position:absolute;bottom:0;inset-inline-start:0;width:100%;height:2px;background:linear-gradient(270deg,var(--sp-primary),var(--sp-accent) 40%,transparent 75%)}
.TitleBox .Title{display:inline-flex;align-items:center;gap:7px;padding:6px 18px;border-radius:30px;background:var(--sp-grad);color:var(--on-grad);font-size:15px;font-weight:900;box-shadow:var(--sp-glow-g)}
.TitleBox .LoadMore{padding:5px 16px;border:1.5px solid var(--sp-primary);border-radius:30px;color:var(--sp-primary);font-size:13px;font-weight:800;transition:all var(--sp-tran)}
.TitleBox .LoadMore:hover{background:var(--sp-grad);color:var(--on-grad);box-shadow:var(--sp-glow-g)}

/* ============ شبكة المقالات ============ */
.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.PostBody{position:relative;background:var(--surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--sp-radius);overflow:hidden;transition:transform .18s ease-out,box-shadow var(--sp-tran),border-color var(--sp-tran);transform-style:preserve-3d;will-change:transform}
.PostBody:hover{border-color:rgba(124,92,255,.5);box-shadow:var(--shadow-hover)}
.PostBody .thumb{display:block;aspect-ratio:5/3;overflow:hidden;background:var(--hold)}
.PostBody .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.PostBody:hover .thumb img{transform:scale(1.06)}
.PostBody .ptitle{display:block;padding:12px 14px 4px;font-size:14.5px;font-weight:800;line-height:1.7}
.PostBody .pmeta{display:flex;gap:10px;padding:0 14px 12px;font-size:12px;color:var(--ink-2);font-weight:700}
.PostBody .SecName{position:absolute;top:10px;inset-inline-start:10px;z-index:2;padding:2px 12px;border-radius:30px;background:var(--sp-grad);color:var(--on-grad);font-size:11.5px;font-weight:800;box-shadow:0 4px 10px rgba(0,0,0,.25)}

/* ============ بطاقات المباريات ============ */
.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.EventBox{position:relative;background:var(--surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--sp-radius);padding:38px 14px 12px;transition:transform .18s ease-out,box-shadow var(--sp-tran),border-color var(--sp-tran);transform-style:preserve-3d;will-change:transform}
.EventBox:hover{border-color:rgba(124,92,255,.5);box-shadow:var(--shadow-hover)}
.EventBox .state{position:absolute;top:10px;inset-inline-start:12px;z-index:3;padding:2px 14px;border-radius:30px;font-size:11.5px;font-weight:900;letter-spacing:.4px;color:#fff;background:#475569}
.EventBox.MW-EventComingSoon .state{background:linear-gradient(120deg,#f97316,#f59e0b)}
.EventBox.MW-EventHadEnd .state{background:#334155}
.EventBox.MW-EventHadEnd{opacity:.8}
.EventBox.MW-EventIsLive{border-color:rgba(255,215,0,.5);box-shadow:0 0 0 1px rgba(124,92,255,.2),var(--sp-glow-g)}
.EventBox.MW-EventIsLive .state{display:flex;align-items:center;gap:6px;background:var(--sp-live);color:var(--on-live);box-shadow:0 0 18px rgba(198,255,77,.5)}
.EventBox.MW-EventIsLive .state i{width:8px;height:8px;border-radius:50%;background:#ff3b5c;animation:spLiveDot 1.1s infinite}
@keyframes spLiveDot{0%,100%{box-shadow:0 0 0 0 rgba(255,59,92,.7)}70%{box-shadow:0 0 0 9px rgba(255,59,92,0)}}
.EventTeams{display:flex;align-items:center;justify-content:space-between;gap:8px}
.EventTeam{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.EventTeam img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:50%;padding:7px;box-shadow:0 3px 12px rgba(0,0,0,.18);transition:transform var(--sp-tran)}
.EventBox:hover .EventTeam img{transform:scale(1.08)}
.EventTeamName{font-size:14px;font-weight:800;text-align:center}
.EventCenter{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:96px}
.EventScore{font-size:24px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:1px}
.EventBox.MW-EventIsLive .EventScore{background:var(--sp-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(124,92,255,.5))}
.EventDate{padding:2px 12px;border-radius:30px;background:var(--hold);font-size:12px;font-weight:800}
.sp-count{display:inline-flex;padding:3px 12px;border-radius:30px;background:var(--sp-grad);color:var(--on-grad);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.EventBox.MW-EventIsLive .sp-count{display:none}
.EventFooter{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px solid var(--line);font-size:12px;color:var(--ink-2);font-weight:700}
.EventFooter li{padding:1px 12px;border-radius:30px;background:var(--hold)}
.EventCover{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:rgba(5,10,20,0);transition:background var(--sp-tran)}
.EventIcon{width:56px;height:56px;border-radius:50%;background:var(--sp-grad);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all var(--sp-tran)}
.EventIcon:after{content:'';width:0;height:0;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent var(--on-grad);margin-inline-start:4px}
.EventBox:hover .EventCover{background:rgba(5,10,20,.42);backdrop-filter:blur(2px)}
.EventBox:hover .EventIcon{opacity:1;transform:scale(1);animation:spRing 1.4s infinite}
@keyframes spRing{from{box-shadow:0 0 0 0 rgba(124,92,255,.5)}to{box-shadow:0 0 0 18px rgba(124,92,255,0)}}
.sp-fav{position:absolute;top:8px;inset-inline-end:10px;z-index:5;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--glass);backdrop-filter:blur(6px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--sp-tran),border-color var(--sp-tran)}
.sp-fav svg{width:17px;height:17px;fill:none;stroke:#9db4d8;stroke-width:2}
.sp-fav:hover{transform:scale(1.15);border-color:var(--sp-primary)}
.sp-fav.on svg{fill:var(--sp-primary);stroke:var(--sp-primary);filter:drop-shadow(0 0 6px rgba(124,92,255,.7))}

/* تبويبات الأيام */
.nav-tabs{display:flex;gap:8px;padding:6px;background:var(--hold);border-radius:30px;width:fit-content;margin:0 auto 16px;list-style:none}
.nav-tabs button{border:0;cursor:pointer;border-radius:30px;padding:7px 24px;font-family:inherit;font-size:13.5px;font-weight:800;background:transparent;color:var(--ink-2);transition:all var(--sp-tran)}
.nav-tabs button.active{background:var(--sp-grad);color:var(--on-grad);box-shadow:var(--sp-glow-g)}
.no-match{text-align:center;padding:30px;border-radius:var(--sp-radius);background:var(--hold);font-weight:800}
.no-match:before{content:'😴 ';font-size:24px}
.match-day{display:none}
.match-day.active{display:block}

/* ============ الشريط المتحرك + الرائج ============ */
#spTicker{display:flex;align-items:center;margin:18px 0;height:42px;border-radius:30px;overflow:hidden;background:var(--surface);border:1px solid var(--line);backdrop-filter:blur(12px)}
.sp-ticker-label{display:flex;align-items:center;gap:6px;flex-shrink:0;height:100%;padding:0 16px;background:var(--sp-grad);color:var(--on-grad);font-weight:900;font-size:13px}
.sp-ticker-wrap{flex:1;overflow:hidden;height:100%;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.sp-ticker-track{display:inline-flex;white-space:nowrap;animation:spTick 60s linear infinite}
#spTicker:hover .sp-ticker-track{animation-play-state:paused}
.sp-ticker-track a{padding:0 22px;font-weight:700;font-size:13.5px}
@keyframes spTick{to{transform:translateX(50%)}}
#spTrend h3{display:inline-flex;gap:8px;margin:0 0 10px;padding:6px 18px;border-radius:30px;background:var(--sp-grad);color:var(--on-grad);font-size:15px;font-weight:900;box-shadow:var(--sp-glow-g)}
.sp-trend-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
a.sp-trend{position:relative;flex:0 0 250px;height:150px;border-radius:var(--sp-radius);overflow:hidden;scroll-snap-align:start;border:1px solid var(--line);background:var(--hold) center/cover no-repeat;transition:transform var(--sp-tran),border-color var(--sp-tran),box-shadow var(--sp-tran)}
a.sp-trend:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(124,92,255,.55);box-shadow:var(--sp-glow-g)}
a.sp-trend span{position:absolute;inset-inline:0;bottom:0;padding:26px 12px 10px;font-size:13.5px;font-weight:800;color:#fff;background:linear-gradient(0deg,rgba(5,9,18,.92),transparent)}
a.sp-trend i{position:absolute;top:10px;inset-inline-start:10px;font-style:normal;font-size:11px;font-weight:900;color:var(--on-grad);background:var(--sp-grad);padding:1px 10px;border-radius:30px}

/* ============ صفحة المقال/المباراة ============ */
.entry-title{position:relative;font-size:26px;font-weight:900;padding-bottom:12px}
.entry-title:after{content:'';position:absolute;bottom:0;inset-inline-start:0;width:80px;height:5px;border-radius:5px;background:var(--sp-grad);box-shadow:var(--sp-glow-g)}
.sp-readtime{display:inline-flex;align-items:center;gap:6px;margin:8px 0;padding:5px 14px;border-radius:30px;background:var(--sp-grad);color:var(--on-grad);font-size:13px;font-weight:800}
.entry-content{font-size:17px;line-height:2.1}
.entry-content img{border-radius:var(--sp-radius-sm);box-shadow:var(--shadow)}
.entry-content iframe{max-width:100%;border-radius:var(--sp-radius-sm);border:0}
.entry-content h2,.entry-content h3{position:relative;padding-inline-start:14px}
.entry-content h2:before,.entry-content h3:before{content:'';position:absolute;inset-inline-start:0;top:8px;bottom:8px;width:5px;border-radius:5px;background:var(--sp-grad)}
.entry-content a{color:var(--sp-accent);font-weight:700;text-decoration:underline;text-decoration-color:rgba(198,255,77,.4);text-underline-offset:4px}
.entry-content blockquote{margin:0;border-inline-start:5px solid var(--sp-primary);background:var(--hold);border-radius:var(--sp-radius-sm);padding:14px 18px}
.entry-content table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--sp-radius-sm);overflow:hidden;border:1px solid var(--line)}
.entry-content th{background:var(--sp-grad);color:var(--on-grad);font-weight:900;padding:9px 12px}
.entry-content td{padding:8px 12px;border-bottom:1px solid var(--line)}
.sp-player-wrap{position:relative;border-radius:var(--sp-radius-sm);overflow:hidden;background:#000;aspect-ratio:16/9;margin-bottom:18px;box-shadow:var(--shadow),var(--sp-glow-b)}
.sp-player-wrap iframe,.sp-player-wrap video{position:absolute;inset:0;width:100%;height:100%;border:0}
.sp-player-wrap.sp-mini{position:fixed!important;bottom:84px;inset-inline-end:14px;width:330px;height:186px;aspect-ratio:auto;z-index:9994;border:1px solid rgba(198,255,77,.4);animation:spMiniIn .35s ease}
@keyframes spMiniIn{from{transform:translateY(20px);opacity:0}}
.sp-mini-close{display:none;position:absolute;top:6px;inset-inline-end:6px;z-index:5;width:28px;height:28px;border:0;border-radius:50%;background:rgba(5,9,18,.8);color:#fff;cursor:pointer}
.sp-player-wrap.sp-mini .sp-mini-close{display:block}
@media (max-width:600px){.sp-player-wrap.sp-mini{width:62vw;height:35vw}}
.match-hero{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}

/* ============ التصفّح والتعليقات والفوتر ============ */
.pagination{display:flex;gap:8px;justify-content:center;margin:24px 0}
.pagination a,.pagination span{padding:7px 18px;border-radius:30px;background:var(--hold);font-weight:800;font-size:13px}
.pagination .current,.pagination a:hover{background:var(--sp-grad);color:var(--on-grad)}
.comment-list{list-style:none;padding:0}
.comment-body{background:var(--hold);border-radius:var(--sp-radius-sm);padding:14px;margin-bottom:12px}
input[type=text],input[type=email],input[type=url],input[type=search],textarea{width:100%;padding:10px 14px;border-radius:var(--sp-radius-sm);border:1px solid var(--line);background:var(--hold);color:var(--ink);font-family:inherit;transition:border-color var(--sp-tran),box-shadow var(--sp-tran)}
input:focus,textarea:focus{border-color:var(--sp-primary);box-shadow:0 0 0 4px rgba(124,92,255,.15);outline:0}
button,input[type=submit]{cursor:pointer;font-family:inherit;border:0;border-radius:30px;padding:9px 26px;background:var(--sp-grad);color:var(--on-grad);font-weight:900;transition:transform var(--sp-tran),box-shadow var(--sp-tran)}
button:hover,input[type=submit]:hover{transform:translateY(-2px);box-shadow:var(--sp-glow-g)}
footer.mw-footer{margin-top:40px;background:linear-gradient(135deg,#0B1220,#0e1a33);border-top:1px solid rgba(124,92,255,.2);color:#cdd9f2;padding:30px 0 90px}
.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.footer-title{color:#fff;font-size:15px}
.Copy-Rights{text-align:center;margin-top:24px;padding:10px;border-radius:30px;background:rgba(255,255,255,.05);font-size:13px;font-weight:700}

/* ============ مكونات عائمة ============ */
#spProgress{position:fixed;top:0;left:0;height:4px;width:0;z-index:9999;background:var(--sp-grad);box-shadow:0 0 12px var(--sp-primary)}
.sp-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:#152038;color:#fff;padding:10px 22px;border-radius:30px;font-size:14px;opacity:0;pointer-events:none;z-index:99999;transition:all .35s ease}
.sp-toast.show{opacity:1;transform:translateX(-50%)}
#spLiveChip{position:fixed;top:84px;left:50%;transform:translateX(-50%) translateY(-90px);z-index:9998;display:flex;align-items:center;gap:8px;padding:7px 18px;border-radius:30px;background:var(--sp-live);color:var(--on-live);font-size:13px;font-weight:800;cursor:pointer;border:0;box-shadow:0 10px 30px rgba(198,255,77,.4);transition:transform .4s cubic-bezier(.2,.7,.3,1)}
#spLiveChip.show{transform:translateX(-50%)}
#spLiveChip i{width:9px;height:9px;border-radius:50%;background:#3a2400;animation:spLiveDot 1s infinite}
#spFab{position:fixed;inset-inline-start:20px;bottom:24px;z-index:9995}
#spFabMain{width:56px;height:56px;border-radius:18px;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--sp-glow-g),0 14px 36px rgba(0,0,0,.45)}
#spFabMain svg{width:24px;height:24px;fill:var(--on-grad);transition:transform .3s}
#spFab.open #spFabMain svg{transform:rotate(135deg)}
.sp-fab-items{position:absolute;bottom:66px;display:flex;flex-direction:column;gap:10px}
.sp-fab-items button{width:48px;height:48px;padding:0;border-radius:15px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(14px) scale(.8);transition:all .3s cubic-bezier(.2,.7,.3,1);pointer-events:none}
#spFab.open .sp-fab-items button{opacity:1;transform:none;pointer-events:auto}
.sp-fab-items svg{width:21px;height:21px;fill:var(--sp-primary)}
@media (max-width:768px){#spFab{display:none}}
#spFavPanel{position:fixed;inset-inline-end:14px;bottom:90px;width:320px;max-width:92vw;max-height:60vh;overflow-y:auto;background:var(--glass);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--glass-line);border-radius:var(--sp-radius);box-shadow:0 24px 70px rgba(0,0,0,.55);z-index:9996;padding:14px;transform:translateY(16px);opacity:0;visibility:hidden;transition:all .3s ease}
#spFavPanel.open{transform:none;opacity:1;visibility:visible}
.sp-fav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:12px;font-size:13px;font-weight:700}
.sp-fav-item:hover{background:rgba(124,92,255,.08)}
.sp-fav-item button{padding:0;width:26px;height:26px;background:transparent;color:#ff5c7a;font-size:15px}
.sp-fav-empty{text-align:center;opacity:.6;padding:18px 6px;font-size:13px}
#spSearch{position:fixed;inset:0;background:rgba(8,12,22,.6);backdrop-filter:blur(14px);z-index:100000;display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 0;opacity:0;visibility:hidden;transition:all .3s ease}
#spSearch.open{opacity:1;visibility:visible}
.sp-search-box{width:100%;max-width:640px;background:var(--glass);backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--glass-line);border-radius:var(--sp-radius);overflow:hidden;transform:translateY(-16px) scale(.98);transition:transform .3s ease}
#spSearch.open .sp-search-box{transform:none}
.sp-search-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.sp-search-head svg{width:22px;height:22px;fill:var(--sp-primary)}
#spSearchInput{border:0;background:transparent;box-shadow:none;font-size:17px;font-weight:600}
#spSearchClose{width:32px;height:32px;padding:0;border-radius:50%;background:var(--hold);color:var(--ink);font-size:13px}
#spSearchRes{max-height:55vh;overflow-y:auto;padding:10px}
.sp-search-hint{text-align:center;padding:26px 10px;opacity:.65;font-size:13px}
a.sp-sr{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--sp-radius-sm)}
a.sp-sr:hover{background:rgba(124,92,255,.08)}
a.sp-sr img{width:64px;height:48px;object-fit:cover;border-radius:8px}
a.sp-sr span{font-size:13.5px;font-weight:700}
#spNav{display:none}
@media (max-width:768px){
 #spNav{position:fixed;bottom:10px;left:10px;right:10px;z-index:9990;display:flex;justify-content:space-around;align-items:center;height:58px;background:var(--glass);backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--glass-line);border-radius:22px;box-shadow:0 14px 36px rgba(0,0,0,.25)}
 #spNav a,#spNav button{display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;color:var(--ink);font-size:10.5px;font-weight:700;padding:6px 8px;border-radius:12px;box-shadow:none}
 #spNav svg{width:20px;height:20px;fill:var(--sp-primary)}
}
#spLB{position:fixed;inset:0;background:rgba(5,8,15,.92);backdrop-filter:blur(8px);z-index:100001;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .3s ease;cursor:zoom-out}
#spLB.open{opacity:1;visibility:visible}
#spLB img{max-width:94vw;max-height:88vh;border-radius:14px;transform:scale(.92);transition:transform .3s ease}
#spLB.open img{transform:none}
#spLBClose{position:absolute;top:18px;inset-inline-end:18px;width:42px;height:42px;padding:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}
#spConfetti{position:fixed;inset:0;z-index:99990;pointer-events:none}
img.sp-lazy:not(.sp-loaded){background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.12) 37%,rgba(0,0,0,.06) 63%);background-size:400% 100%;animation:spSkel 1.2s infinite}
@keyframes spSkel{from{background-position:100% 50%}to{background-position:0 50%}}
@media (prefers-reduced-motion:no-preference){.sp-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.sp-reveal.sp-in{opacity:1;transform:none}}
@media print{#spProgress,#spFab,#spNav,#spLiveChip,#spTicker,#spStage,#spWC,.sp-toast{display:none!important}}

/* تخطيط رئيسي */
.layout{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:22px}
@media (max-width:980px){.layout{grid-template-columns:1fr}}


/* ============ دعم أكواد المباريات الملصوقة (EventBox الخارجي) ============ */
.sigma-pasted .EventBox{padding:38px 14px 12px}
.EventTiming{display:flex;flex-direction:column;align-items:center;gap:6px}
#EventHour,.EventBox #EventHour{font-weight:900;font-size:17px;font-variant-numeric:tabular-nums}
.EventBox #Score{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}
.EventBox.MW-EventIsLive #Score{background:var(--sp-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(124,92,255,.5))}
.EventBox .EventTeam.Right,.EventBox .EventTeam.Left{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.EventBox .EventTeamLogo img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:50%;padding:7px;box-shadow:0 3px 12px rgba(0,0,0,.18)}
.EventBox span.EventDate:empty{display:none}
.EventBox .EventLeague,.EventBox ul.EventFooter{margin-top:12px}

/* ============ أماكن الإعلانات ============ */
.sigma-ad{margin:18px auto;text-align:center;overflow:hidden;border-radius:var(--sp-radius);max-width:var(--max-w)}
.sigma-ad:empty{display:none}

/* ============ قائمة الجوال الجانبية (Drawer) ============ */
.nav-close{display:none}
.nav-overlay{display:none}
@media (max-width:880px){
 .main-nav.nav-side{position:fixed;top:0;bottom:0;inset-inline-start:auto;inset-inline-end:0;width:290px;max-width:84vw;transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.7,.3,1);background:var(--glass);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border-inline-start:1px solid var(--glass-line);border-bottom:0;padding:64px 14px 20px;z-index:1001;overflow-y:auto;box-shadow:-20px 0 60px rgba(0,0,0,.5)}
 [dir='ltr'] .main-nav.nav-side{transform:translateX(-105%)}
 .main-nav.nav-side.open{transform:none}
 .main-nav.nav-side ul{flex-direction:column;gap:4px}
 .main-nav.nav-side a{padding:12px 16px;border-radius:14px;font-size:15px;color:var(--ink)}
 .main-nav.nav-side a:hover{background:rgba(124,92,255,.1);color:var(--sp-primary)}
 .main-nav.nav-side .nav-close{display:flex;align-items:center;justify-content:center;position:absolute;top:14px;inset-inline-start:14px;width:38px;height:38px;padding:0;border-radius:50%;background:var(--hold);color:var(--ink);font-size:15px}
 .nav-overlay{position:fixed;inset:0;background:rgba(5,9,18,.55);backdrop-filter:blur(3px);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}
 .nav-overlay.show{display:block;opacity:1;visibility:visible}
}

/* إصلاح تداخل شريط إدارة ووردبريس مع الهيدر */
body.admin-bar .SiteHeader{top:32px}
@media (max-width:782px){body.admin-bar .SiteHeader{top:46px}}


/* ============ إصلاحات 1.1.1 ============ */
/* منع التمرير الأفقي للمنطقة الفارغة (سبب الشاشة الجانبية) */
html,body{overflow-x:hidden;max-width:100%}
.main-nav.nav-side{visibility:hidden}
.main-nav.nav-side.open{visibility:visible}
@media (max-width:880px){
 .main-nav:not(.nav-side){visibility:hidden}
 .main-nav:not(.nav-side).open{visibility:visible}
}

/* أيقونات أزرار الهيدر: ظهور مضمون بأي حال */
.head-actions button{color:var(--sp-primary);background:rgba(255,255,255,.07);line-height:0}
.head-actions button svg{width:20px;height:20px;display:block;fill:currentColor}

/* الجوال: اسم الموقع فوق والأزرار الثلاثة تحته */
@media (max-width:880px){
 .SiteHeader .container{flex-direction:column;gap:8px;padding-top:10px;padding-bottom:10px;min-height:0}
 .site-logo{justify-content:center;font-size:19px}
 .head-actions{margin:0 auto;gap:12px}
 .head-actions button{width:46px;height:46px}
}

/* نافذة البحث: ملء الشاشة بشكل صحيح على الجوال */
#spSearch{padding:6vh 12px 0;width:100vw}
.sp-search-box{background:var(--surface-solid)}
@media (max-width:600px){.sp-search-box{max-width:100%}}


/* ============ 1.2.0 ============ */
/* أيقونات نصية مضمونة الظهور */
.hico{font-size:19px;line-height:1;display:block}
.head-actions button{font-size:19px}

/* الإعلان الثابت أسفل الجوال */
#spStickyAd{position:fixed;bottom:0;left:0;right:0;z-index:9989;background:var(--surface-solid);border-top:1px solid var(--line);text-align:center;padding:6px;box-shadow:0 -10px 30px rgba(0,0,0,.4)}
#spStickyClose{position:absolute;top:-34px;inset-inline-end:8px;width:30px;height:30px;padding:0;border-radius:50%;background:var(--surface-solid);color:var(--ink);border:1px solid var(--line);font-size:13px}
@media (min-width:769px){#spStickyAd{display:none}}
@media (max-width:768px){
 body.has-sticky-ad #spNav{bottom:auto;position:fixed;top:auto}
 body.has-sticky-ad #spNav{bottom:78px}
 body.has-sticky-ad .sp-player-wrap.sp-mini{bottom:150px}
}
.sigma-ad-between{grid-column:1/-1}


/* ============ 1.2.1: ترتيب الحالات ============ */
/* الجارية أولاً ثم القريبة ثم لم تبدأ ثم المنتهية */
.matches-grid .EventBox.MW-EventIsLive{order:-2}
.matches-grid .EventBox.MW-EventComingSoon{order:-1}
.matches-grid .EventBox.MW-EventNotStart{order:0}
.matches-grid .EventBox.MW-EventHadEnd{order:1}
.matches-grid .sigma-ad-between{order:2}
.EventBox.MW-EventNotStart .state{background:linear-gradient(120deg,#475569,#64748b)}


/* ============ 1.2.2 ============ */
/* أيقونات مرسومة بالكامل بـ CSS — تظهر دائماً بلون النيون */
.head-actions button{line-height:normal;color:var(--sp-primary)}
.ico-search{position:relative;display:block;width:15px;height:15px;border:2.5px solid currentColor;border-radius:50%;margin:-3px -3px 0 0}
.ico-search:after{content:'';position:absolute;bottom:-7px;left:-2px;width:9px;height:2.5px;border-radius:3px;background:currentColor;transform:rotate(45deg)}
[dir='ltr'] .ico-search:after{left:auto;right:-2px;transform:rotate(-45deg)}
.ico-moon{display:block;width:17px;height:17px;border-radius:50%;box-shadow:inset -6px -3px 0 0 currentColor;transform:rotate(15deg)}
body.Night .ico-moon{box-shadow:inset 0 0 0 8.5px currentColor;width:9px;height:9px;margin:4px;border-radius:50%;outline:2.5px solid currentColor;outline-offset:3px}
.hico{font-size:24px;line-height:1;display:block}

/* النزول السلس لقسم المباريات مع ترك مسافة للهيدر */
#matches{scroll-margin-top:140px}
@media (max-width:880px){#matches{scroll-margin-top:160px}}

/* ============ 1.3.1: إصلاح رابط بطاقة المباراة ============ */
.EventBox a#EventLink{position:absolute;inset:0;z-index:2;display:block;border-radius:inherit}
.EventBox a#EventLink[href=""],.EventBox a#EventLink:not([href]){pointer-events:none}
.EventBox:has(a#EventLink[href]:not([href=""])){cursor:pointer}
.sp-fav{z-index:6}

/* ========================================================
   ✦ SIGMA 2.0 — Pitch Dark Redesign Layer
   ======================================================== */
/* خط أحدث للأرقام والعناوين */
:root{--font-num:'Cairo',system-ui,sans-serif}

/* —— تبويبات الأيام: أنظف —— */
.nav-tabs{background:var(--hold)!important;padding:5px!important}
.nav-tabs button.active{background:var(--sp-grad)!important;color:#fff!important;box-shadow:var(--sp-glow-g)}

/* —— عناوين الأقسام —— */
.TitleBox .Title{background:var(--sp-grad)!important;color:#fff!important;box-shadow:var(--sp-glow-g)!important}
.TitleBox:after{background:linear-gradient(270deg,var(--sp-primary),var(--sp-accent) 40%,transparent 75%)!important}
.TitleBox .LoadMore{border-color:var(--sp-primary)!important;color:var(--sp-primary)!important}
.TitleBox .LoadMore:hover{background:var(--sp-grad)!important;color:#fff!important}

/* —— بطاقات المقالات —— */
.PostBody{border-radius:var(--sp-radius)!important}
.PostBody .SecName{background:var(--sp-grad)!important;color:#fff!important;border-radius:8px!important}
.PostBody:hover{border-color:var(--glass-line)!important}

/* —— الفوتر والأزرار العائمة —— */
#spFabMain{background:var(--sp-grad)!important;box-shadow:var(--sp-glow-g),0 14px 36px rgba(0,0,0,.5)!important}
#spFabMain svg{fill:#fff!important}
.sp-fab-items svg{fill:var(--sp-primary)!important}
#spNav svg{fill:var(--sp-primary)!important}
.head-actions button{color:var(--sp-primary)!important}
.ico-search,.ico-moon{color:var(--sp-primary)}
.site-logo b{background:var(--sp-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* —— أداء: تقليل الضبابيات الثقيلة على الجوال —— */
@media (max-width:600px){
 .box,.EventBox,.PostBody{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--surface-solid)!important}
}

/* ========================================================
   ⚽ عرض المباريات — كلاسيكي موحّد (هاتف = حاسوب) v2.2
   ======================================================== */
.matches-grid{display:flex!important;flex-direction:column;gap:0!important;border-radius:var(--sp-radius);overflow:hidden;border:1px solid var(--line);background:var(--surface-solid)}
.matches-grid .sigma-ad-between{padding:10px;text-align:center;border-top:1px solid var(--line)}

/* الصف */
.EventBox{
  position:relative;display:grid;
  grid-template-columns:1fr minmax(96px,auto) 1fr;
  align-items:start;gap:10px;
  padding:12px 16px!important;margin:0!important;
  background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;
  box-shadow:none!important;transform:none!important;transition:background var(--sp-tran)
}
.matches-grid .EventBox:last-child{border-bottom:0!important}
.EventBox:hover{background:var(--hold)!important;transform:none!important;box-shadow:none!important}
.EventBox:before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:transparent;transition:background var(--sp-tran)}
.EventBox.MW-EventIsLive:before{background:var(--sp-live);box-shadow:0 0 14px var(--sp-live)}
.EventBox.MW-EventComingSoon:before{background:var(--sp-primary)}
.EventBox.MW-EventIsLive{background:linear-gradient(90deg,rgba(198,255,77,.06),transparent 45%)!important}
.EventBox.MW-EventHadEnd{opacity:.62}
.EventBox.MW-EventHadEnd:hover{opacity:1}

/* الفرق: شعار فوق + اسم تحت — نفس الشكل في كل الأجهزة */
.EventTeams{display:contents!important}
.EventTeam,.EventTeam.Right,.EventTeam.Left{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:flex-start!important;gap:8px;min-width:0;flex:none!important;text-align:center
}
.EventTeamLogo{flex-shrink:0}
.EventTeam img,.EventTeamLogo img{
  width:58px!important;height:58px!important;object-fit:contain;
  background:#fff;border-radius:50%!important;padding:5px!important;
  box-shadow:0 4px 12px rgba(0,0,0,.28)!important;transition:transform var(--sp-tran)
}
.EventBox:hover .EventTeam img{transform:scale(1.07)}
.EventTeamName{
  font-size:13.5px!important;font-weight:800!important;line-height:1.45;
  max-width:150px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical
}

/* المنتصف */
.EventCenter{
  display:flex!important;flex-direction:column;align-items:center;gap:4px;
  min-width:96px;padding:8px 12px;border-radius:12px;
  background:var(--hold-2);border:1px solid var(--line);align-self:center
}
.EventTiming{display:flex;flex-direction:column;align-items:center;gap:3px}
.EventScore,.EventBox #Score{
  display:flex;align-items:center;gap:7px;
  font-size:22px!important;font-weight:900!important;
  letter-spacing:1px;font-variant-numeric:tabular-nums;line-height:1.2
}
.EventBox.MW-EventIsLive .EventScore,.EventBox.MW-EventIsLive #Score,
.EventBox.MW-EventIsLive .RightScore,.EventBox.MW-EventIsLive .LeftScore{
  background:none!important;-webkit-text-fill-color:var(--sp-live);color:var(--sp-live)!important
}
#EventHour,.EventDate{
  font-size:13px!important;font-weight:800!important;color:var(--ink-2)!important;
  background:transparent!important;padding:0!important;letter-spacing:.5px
}
.sp-count{background:transparent!important;color:var(--sp-primary)!important;box-shadow:none!important;padding:0!important;font-size:11px!important;font-weight:800}

/* شارة الحالة: عنصر طبيعي — سطر أول كامل بالمنتصف (لا يُقص أبداً) */
.EventBox .state{
  position:static!important;top:auto!important;left:auto!important;right:auto!important;
  inset-inline-start:auto!important;inset-inline-end:auto!important;transform:none!important;
  grid-column:1/-1;justify-self:center;order:-1;
  display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;
  margin:0 0 4px;
  padding:2px 14px!important;border-radius:6px!important;
  font-size:11px!important;font-weight:800!important;letter-spacing:.3px;
  background:var(--hold-2)!important;color:var(--ink-2)!important;box-shadow:none!important;white-space:nowrap
}
.EventBox.MW-EventIsLive .state{background:var(--sp-live)!important;color:var(--on-live)!important}
.EventBox.MW-EventComingSoon .state{background:var(--sp-primary)!important;color:#fff!important}

/* السطر السفلي */
.EventFooter,ul.EventFooter{
  grid-column:1/-1;display:flex!important;flex-wrap:wrap;justify-content:center;gap:6px;
  margin:8px 0 0!important;padding:9px 0 0!important;
  border-top:1px dashed var(--line)!important;list-style:none
}
.EventFooter li{
  padding:1px 10px!important;border-radius:6px!important;
  background:transparent!important;border:1px solid var(--line)!important;
  font-size:11.5px!important;font-weight:700;color:var(--ink-2)!important
}

/* 🎯 زر المشاهدة: مخفي تماماً — يظهر في وسط الصف عند المرور فقط */
.EventCover{position:absolute;inset:0;z-index:2;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;backdrop-filter:none!important;transition:background var(--sp-tran)}
.EventIcon{
  position:static!important;width:auto!important;height:auto!important;
  border-radius:11px!important;padding:8px 26px;
  background:var(--sp-grad)!important;box-shadow:0 10px 26px rgba(0,0,0,.45),var(--sp-glow-g)!important;
  opacity:0;transform:scale(.85);transition:all var(--sp-tran);animation:none!important
}
.EventIcon:after{content:'▶ مشاهدة'!important;border:0!important;width:auto!important;height:auto!important;margin:0!important;color:#fff;font-size:13.5px;font-weight:800;letter-spacing:.3px}
.EventBox.MW-EventIsLive .EventIcon{background:var(--sp-live)!important;box-shadow:0 10px 26px rgba(0,0,0,.45),var(--sp-glow-b)!important}
.EventBox.MW-EventIsLive .EventIcon:after{color:var(--on-live);content:'▶ شاهد الآن'!important}
@media (hover:hover){
  .EventBox:hover .EventCover{background:rgba(10,10,20,.38)!important;backdrop-filter:blur(2px)!important}
  .EventBox:hover .EventIcon{opacity:1;transform:scale(1)}
}
/* الهاتف: لمسة أولى تُظهر الزر بالمنتصف — لمسة ثانية تنقل */
@media (hover:none){
  .EventBox.sp-armed .EventCover{background:rgba(10,10,20,.42)!important;backdrop-filter:blur(2px)!important}
  .EventBox.sp-armed .EventIcon{opacity:1;transform:scale(1)}
}

.sp-fav{top:6px!important;inset-inline-end:auto!important;inset-inline-start:8px!important;width:28px!important;height:28px!important;background:transparent!important;border:0!important;z-index:6}
.sp-fav svg{width:15px!important;height:15px!important}

/* ضبط الجوال: نفس البنية، مقاسات ألطف فقط */
@media (max-width:640px){
  .EventBox{grid-template-columns:1fr minmax(84px,auto) 1fr;gap:8px;padding:10px!important}
  .EventTeam img,.EventTeamLogo img{width:52px!important;height:52px!important}
  .EventTeamName{font-size:12.5px!important;max-width:110px}
  .EventCenter{min-width:82px;padding:6px 8px}
  .EventScore,.EventBox #Score{font-size:19px!important}
}


/* v2.3: إخفاء دائرة المفضلة من صفوف المباريات */
.EventBox .sp-fav{display:none!important}