/*
Theme Name: Sigma Cyber
Theme URI: https://example.com/sigma-cyber
Author: Sigma Pro
Description: قالب بث مباريات مستقبلي — داكن فاخر بزجاجية Glassmorphism ونيون #00FFB2/#00C2FF، نظام مباريات كامل (مباشر/قادم/منتهي)، بانر كأس العالم 2026، مفضلة وإشعارات، بحث فوري، مشغّل مصغّر عائم، وكاروسيل رائج. RTL أولاً.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: sigma-cyber
Tags: rtl-language-support, custom-logo, custom-menu, featured-images, dark
*/

/* ============ نظام التصميم ============ */
:root{
  --sp-primary:#00FFB2;
  --sp-accent:#00C2FF;
  --sp-grad:linear-gradient(120deg,var(--sp-primary),var(--sp-accent));
  --sp-gold:#FFD700;
  --sp-grad-gold:linear-gradient(120deg,#FFD700,#ffb300 55%,#ff8c00);
  --sp-ink:#0B1220;
  --sp-surface:#111827;
  --sp-radius:20px;
  --sp-radius-sm:14px;
  --sp-tran:.35s cubic-bezier(.2,.7,.3,1);
  --sp-glow-g:0 0 24px rgba(0,255,178,.25);
  --sp-glow-b:0 0 24px rgba(0,194,255,.25);
  --max-w:1180px;
}
body{
  --bg:#0B1220;--surface:rgba(17,24,39,.72);--surface-solid:#111827;
  --ink:#E7EEFB;--ink-2:#9db0d0;--line:rgba(120,160,220,.14);
  --hold:#121a2e;--hold-2:#16203a;
  --shadow:0 14px 40px rgba(0,0,0,.45);
  --shadow-hover:0 22px 60px rgba(0,0,0,.6),var(--sp-glow-g);
  --glass:rgba(13,19,33,.72);--glass-line:rgba(0,255,178,.16);
  --on-grad:#04241a;
}
body.Night{
  --bg:#f3f7ff;--surface:rgba(255,255,255,.85);--surface-solid:#ffffff;
  --ink:#0e1830;--ink-2:#5d7396;--line:#dfe7f7;
  --hold:#f0f4fd;--hold-2:#e8eefb;
  --shadow:0 10px 32px rgba(25,45,90,.10);
  --shadow-hover:0 18px 48px rgba(25,45,90,.18);
  --glass:rgba(255,255,255,.78);--glass-line:rgba(20,40,80,.10);
}

/* ============ أساسيات ============ */
*,*: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(0,255,178,.16),transparent 70%);transform:rotate(18deg)}
.sp-beams:after{inset-inline-end:-12vw;background:radial-gradient(closest-side,rgba(0,194,255,.16),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 320px at 80% -50%,rgba(0,255,178,.18),transparent),radial-gradient(800px 300px at 12% -40%,rgba(0,194,255,.16),transparent),linear-gradient(135deg,#0B1220,#0e1a33);border-bottom:1px solid rgba(0,255,178,.22);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(0,255,178,.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(0,255,178,.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(0,255,178,.2),var(--sp-glow-g)}
.EventBox.MW-EventIsLive .state{display:flex;align-items:center;gap:6px;background:var(--sp-grad-gold);color:#3a2400;box-shadow:0 0 18px rgba(255,200,0,.45)}
.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(0,255,178,.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(0,255,178,.5)}to{box-shadow:0 0 0 18px rgba(0,255,178,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(0,255,178,.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}

/* ============ بانر المونديال ============ */
#spWC{position:relative;margin:22px 0;padding:22px 18px;border-radius:var(--sp-radius);overflow:hidden;background:radial-gradient(700px 260px at 85% -40%,rgba(255,215,0,.22),transparent),linear-gradient(135deg,#0B1220,#101b33);border:1px solid rgba(255,215,0,.35);box-shadow:0 14px 44px rgba(0,0,0,.5),0 0 30px rgba(255,215,0,.12)}
body.Night #spWC{background:linear-gradient(135deg,#fffaf0,#fdf6ff);border-color:rgba(255,179,0,.45)}
.sp-wc-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.sp-wc-cup{font-size:44px;line-height:1;filter:drop-shadow(0 0 14px rgba(255,215,0,.6));animation:spCup 3s ease-in-out infinite}
@keyframes spCup{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}
.sp-wc-title{font-size:22px;font-weight:900;background:var(--sp-grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.sp-wc-sub{font-size:13px;font-weight:700;color:var(--ink-2)}
.sp-wc-flags{font-size:20px;letter-spacing:4px}
.sp-wc-count{display:flex;gap:10px;margin:14px 0 4px;flex-wrap:wrap}
.sp-wc-cell{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,215,0,.3)}
body.Night .sp-wc-cell{background:rgba(255,255,255,.7)}
.sp-wc-cell b{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums;background:var(--sp-grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.sp-wc-cell span{font-size:11px;font-weight:800;color:var(--ink-2)}
#spWC.sp-wc-live .sp-wc-count{display:none}
.sp-wc-livebar{display:none;align-items:center;gap:10px;margin:12px 0 4px;font-weight:900;font-size:16px}
#spWC.sp-wc-live .sp-wc-livebar{display:flex}
.sp-wc-livebar i{width:10px;height:10px;border-radius:50%;background:var(--sp-gold);animation:spLiveDot 1.1s infinite}
.sp-wc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.sp-wc-actions a{padding:8px 22px;border-radius:30px;font-size:13.5px;font-weight:900;transition:transform var(--sp-tran),box-shadow var(--sp-tran)}
.sp-wc-actions a:hover{transform:translateY(-3px)}
.sp-wc-cta{background:var(--sp-grad-gold);color:#3a2400!important;box-shadow:0 8px 24px rgba(255,180,0,.4)}
.sp-wc-cta2{border:1.5px solid var(--sp-gold);color:var(--sp-gold)!important}
.sp-wc-cta2:hover{background:rgba(255,215,0,.12)}

/* ============ الشريط المتحرك + الرائج ============ */
#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-gold);color:#3a2400;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(0,255,178,.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(0,194,255,.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(0,194,255,.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(0,255,178,.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(0,255,178,.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-grad-gold);color:#3a2400;font-size:13px;font-weight:800;cursor:pointer;border:0;box-shadow:0 10px 30px rgba(255,180,0,.5);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(0,255,178,.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(0,255,178,.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(0,255,178,.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(0,255,178,.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}}