/*
Theme Name: SportPro CMS
Theme URI: https://sportprocms.com
Author: SportPro
Author URI: https://sportprocms.com
Description: قالب رياضي احترافي سريع ومتوافق مع محركات البحث - يشمل لوحة تحكم كاملة لإدارة المباريات والنتائج والأخبار والإعلانات وبناء الصفحات
Version: 8.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sportpro
Tags: rtl-language, arabic, sports, news, fast, seo-optimized, custom-colors, custom-menu, featured-images, post-formats, sticky-post, threaded-comments, translation-ready
*/
:root{--sp-bg:#0d0d0d;--sp-bg2:#111111;--sp-bg3:#1a1a1a;--sp-card:#1e1e1e;--sp-accent:#cc0000;--sp-accent2:#ff3333;--sp-green:#1db954;--sp-text:#f5f5f5;--sp-muted:#aaaaaa;--sp-border:#2e2e2e;--sp-font:'Cairo',sans-serif;--sp-radius:10px;--sp-shadow:0 4px 24px rgba(0,0,0,.6)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background:var(--sp-bg);color:var(--sp-text);font-family:var(--sp-font);direction:rtl;line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--sp-text)}a{color:var(--sp-accent);text-decoration:none;transition:color .2s}a:hover{color:#f0c030}img{max-width:100%;height:auto}.sp-container{max-width:1280px;margin:0 auto;padding:0 20px}.sp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sp-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sp-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sp-grid-main{display:grid;grid-template-columns:1fr 320px;gap:24px}.sp-header{background:var(--sp-bg2);border-bottom:3px solid var(--sp-accent);position:sticky;top:0;z-index:100;box-shadow:var(--sp-shadow)}.sp-header-inner{display:flex;align-items:center;gap:20px;height:64px}.sp-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.sp-logo-icon{width:42px;height:42px;background:var(--sp-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px}.sp-logo-text{font-size:20px;font-weight:900;color:var(--sp-accent)}.sp-logo-sub{font-size:10px;color:var(--sp-muted);display:block}.sp-nav{flex:1}.sp-nav ul{display:flex;list-style:none;gap:4px}.sp-nav li a{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;color:var(--sp-muted);transition:.2s;display:flex;align-items:center;gap:6px}.sp-nav li a:hover,.sp-nav li.current-menu-item a{background:rgba(204,0,0,.12);color:var(--sp-accent)}.sp-ticker{background:var(--sp-accent);color:#fff;padding:6px 0;overflow:hidden}.sp-ticker-inner{display:flex;align-items:center;gap:12px}.sp-ticker-label{background:#fff;color:var(--sp-accent);font-size:11px;font-weight:900;padding:2px 10px;border-radius:4px;white-space:nowrap;flex-shrink:0}.sp-ticker-track{display:flex;gap:40px;white-space:nowrap;animation:ticker 30s linear infinite;font-size:12px;font-weight:700}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.sp-matches-bar{background:var(--sp-bg3);border-bottom:1px solid var(--sp-border);padding:10px 0;overflow-x:auto}.sp-matches-bar-inner{display:flex;gap:12px;align-items:center}.sp-match-mini{background:var(--sp-card);border:1px solid var(--sp-border);border-radius:10px;padding:8px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:13px}.sp-match-mini.live{border-color:rgba(240,75,75,.4)}.sp-match-mini .score{background:var(--sp-bg2);border:1px solid var(--sp-border);border-radius:6px;padding:3px 8px;font-size:15px;font-weight:900}.sp-match-mini .badge-live{background:var(--sp-accent2);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:10px;animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}.sp-card{background:var(--sp-card);border:1px solid var(--sp-border);border-radius:var(--sp-radius);overflow:hidden}.sp-card-header{padding:14px 16px;border-bottom:1px solid var(--sp-border);display:flex;align-items:center;justify-content:space-between}.sp-card-title{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--sp-text)}.sp-card-title i{color:var(--sp-accent)}.sp-card-body{padding:16px}.sp-news-card{background:var(--sp-card);border:1px solid var(--sp-border);border-radius:var(--sp-radius);overflow:hidden;transition:transform .2s,box-shadow .2s}.sp-news-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.5);border-color:rgba(232,176,32,.3)}.sp-news-card-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--sp-bg3);display:block}.sp-news-card-body{padding:14px}.sp-news-card-cat{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;background:rgba(204,0,0,.15);color:var(--sp-accent);display:inline-block;margin-bottom:8px}.sp-news-card-title{font-size:14px;font-weight:700;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-news-card-meta{font-size:11px;color:var(--sp-muted)}.sp-news-featured{position:relative;border-radius:var(--sp-radius);overflow:hidden;height:320px}.sp-news-featured img{width:100%;height:100%;object-fit:cover}.sp-news-featured-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 60%);padding:20px;display:flex;flex-direction:column;justify-content:flex-end}.sp-standing-table{width:100%}.sp-standing-row{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;font-size:13px;transition:.15s}.sp-standing-row:hover{background:var(--sp-bg3)}.sp-standing-pos{width:24px;text-align:center;font-weight:700;color:var(--sp-muted)}.sp-standing-pos.top{color:var(--sp-accent)}.sp-standing-logo{width:26px;height:26px;border-radius:50%;background:var(--sp-bg2);border:1px solid var(--sp-border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;overflow:hidden}.sp-standing-logo img{width:100%;height:100%;object-fit:cover}.sp-standing-team{flex:1;font-weight:600}.sp-standing-stat{width:28px;text-align:center;font-size:12px;color:var(--sp-muted)}.sp-standing-pts{width:32px;text-align:center;font-weight:800;color:var(--sp-accent)}.sp-match-card{background:var(--sp-card);border:1px solid var(--sp-border);border-radius:var(--sp-radius);padding:16px;display:flex;align-items:center;gap:12px;transition:.2s}.sp-match-card:hover{border-color:rgba(232,176,32,.3)}.sp-match-card.live{border-color:rgba(240,75,75,.3);background:rgba(240,75,75,.03)}.sp-match-team{flex:1;font-size:14px;font-weight:700}.sp-match-score{background:var(--sp-bg2);border:1px solid var(--sp-border);border-radius:8px;padding:6px 12px;font-size:20px;font-weight:900;min-width:44px;text-align:center}.sp-match-info{text-align:center;min-width:80px}.sp-match-league{font-size:10px;color:var(--sp-muted)}.sp-match-time{font-size:12px;font-weight:600;margin-top:2px}.sp-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px}.sp-badge-live{background:rgba(240,75,75,.2);color:var(--sp-accent2)}.sp-badge-done{background:rgba(136,153,187,.1);color:var(--sp-muted)}.sp-badge-soon{background:rgba(232,176,32,.1);color:var(--sp-accent)}.sp-ad-slot{margin:16px 0;text-align:center}.sp-ad-slot ins,.sp-ad-slot>*{display:block;margin:0 auto}.sp-ad-label{font-size:10px;color:var(--sp-muted);margin-bottom:4px}.sp-widget{margin-bottom:24px}.sp-widget-title{font-size:14px;font-weight:700;padding-bottom:10px;border-bottom:2px solid var(--sp-accent);margin-bottom:14px;display:flex;align-items:center;gap:8px}.sp-footer{background:var(--sp-bg2);border-top:1px solid var(--sp-border);margin-top:40px;padding:40px 0 20px}.sp-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-bottom:32px}.sp-footer-title{font-size:14px;font-weight:700;color:var(--sp-accent);margin-bottom:14px}.sp-footer-links{list-style:none}.sp-footer-links li{margin-bottom:8px}.sp-footer-links a{font-size:13px;color:var(--sp-muted);transition:.2s}.sp-footer-links a:hover{color:var(--sp-text)}.sp-footer-bottom{border-top:1px solid var(--sp-border);padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--sp-muted)}.sp-btn{padding:9px 20px;border-radius:8px;border:none;cursor:pointer;font-family:var(--sp-font);font-size:13px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:6px}.sp-btn-primary{background:var(--sp-accent);color:#fff}.sp-btn-primary:hover{background:#aa0000}.sp-btn-outline{background:transparent;color:var(--sp-accent);border:1px solid var(--sp-accent)}.sp-btn-outline:hover{background:rgba(204,0,0,.1)}.sp-post-header{margin-bottom:24px}.sp-post-header h1{font-size:28px;line-height:1.3;margin-bottom:14px}.sp-post-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--sp-muted);margin-bottom:16px;flex-wrap:wrap}.sp-post-meta span{display:flex;align-items:center;gap:4px}.sp-post-thumbnail{border-radius:var(--sp-radius);overflow:hidden;margin-bottom:24px}.sp-post-thumbnail img{width:100%;aspect-ratio:16 / 9;max-height:420px;object-fit:cover;display:block}.sp-post-content{font-size:15px;line-height:1.9;color:#d0d8ee}.sp-post-content h2{font-size:20px;margin:28px 0 12px;color:var(--sp-text)}.sp-post-content h3{font-size:17px;margin:22px 0 10px;color:var(--sp-accent)}.sp-post-content p{margin-bottom:18px}.sp-post-content blockquote{border-right:4px solid var(--sp-accent);padding:12px 20px;margin:20px 0;background:var(--sp-bg3);border-radius:0 8px 8px 0;font-style:italic;color:var(--sp-muted)}.sp-post-content img{border-radius:8px;margin:16px 0}.sp-post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.sp-post-tag{background:var(--sp-bg3);border:1px solid var(--sp-border);border-radius:6px;padding:4px 12px;font-size:12px;color:var(--sp-muted);transition:.2s}.sp-post-tag:hover{border-color:var(--sp-accent);color:var(--sp-accent)}.sp-cat-header{background:linear-gradient(135deg,var(--sp-bg2),var(--sp-bg3));border:1px solid var(--sp-border);border-radius:var(--sp-radius);padding:24px;margin-bottom:24px;border-right:4px solid var(--sp-accent)}.sp-cat-header h1{font-size:22px;margin-bottom:6px}.sp-cat-desc{font-size:13px;color:var(--sp-muted)}.sp-pagination{display:flex;justify-content:center;gap:8px;margin:32px 0}.sp-pagination a,.sp-pagination span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--sp-card);border:1px solid var(--sp-border);border-radius:8px;font-size:13px;font-weight:600;transition:.2s}.sp-pagination a:hover,.sp-pagination .current{background:var(--sp-accent);color:#000;border-color:var(--sp-accent)}.sp-mobile-menu-toggle{display:none;background:none;border:none;color:var(--sp-text);font-size:22px;cursor:pointer;padding:8px}@media (max-width:1024px){.sp-grid-4{grid-template-columns:repeat(2,1fr)}.sp-footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sp-grid-main{grid-template-columns:1fr}.sp-grid-2,.sp-grid-3{grid-template-columns:1fr}.sp-grid-4{grid-template-columns:repeat(2,1fr)}.sp-nav{display:none}.sp-nav.open{display:block;position:absolute;top:64px;right:0;left:0;background:var(--sp-bg2);padding:12px;border-bottom:1px solid var(--sp-border);z-index:99}.sp-nav.open ul{flex-direction:column}.sp-mobile-menu-toggle{display:block}.sp-header-inner{position:relative}.sp-footer-grid{grid-template-columns:1fr}.sp-footer-bottom{flex-direction:column;gap:8px;text-align:center}}.sp-section-title{font-size:16px;font-weight:800;display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid var(--sp-accent);margin-bottom:16px}.sp-section-title::before{content:'';width:4px;height:20px;background:var(--sp-accent);border-radius:2px;flex-shrink:0}.sp-text-accent{color:var(--sp-accent)}.sp-text-muted{color:var(--sp-muted)}.sp-mt-16{margin-top:16px}.sp-mb-16{margin-bottom:16px}.sp-mb-24{margin-bottom:24px}.sp-py-20{padding:20px 0}.alignleft{float:right;margin-left:20px}.alignright{float:left;margin-right:20px}.aligncenter{display:block;margin:0 auto}.wp-caption{background:var(--sp-bg3);border:1px solid var(--sp-border);padding:8px;border-radius:8px}.wp-caption-text{font-size:12px;color:var(--sp-muted);text-align:center;margin-top:4px}@media (max-width:900px){.sp-grid-main{grid-template-columns:1fr 260px}.sp-grid-3{grid-template-columns:1fr 1fr}}@media (max-width:600px){.sp-container{padding:0 12px}.sp-grid-main{grid-template-columns:1fr}.sp-grid-2,.sp-grid-3,.sp-grid-4{grid-template-columns:1fr}.sp-sidebar{order:-1}.sp-section-title{font-size:14px}.sp-news-card-featured{flex-direction:column}.sp-news-card-featured .sp-news-img{width:100%;height:180px}.sp-matches-bar{padding:6px 10px}.sp-match-mini{padding:6px 10px;font-size:11px}.sp-ticker-track{animation-duration:20s}.sp-header-inner{height:56px}.sp-logo-text{font-size:17px}.sp-pagination a,.sp-pagination span{width:32px;height:32px;font-size:11px}}@media (max-width:400px){.sp-container{padding:0 8px}.sp-logo-sub{display:none}.sp-header-inner{gap:8px}.sp-card-body{padding:10px}.sp-section-title{font-size:13px;gap:6px}.sp-section-title::before{height:16px}.sp-match-mini .score{padding:2px 5px;font-size:13px}.sp-widget-title{font-size:12px;padding:8px 10px}}@media print{.sp-header,.sp-ticker,.sp-matches-bar,.sp-ad-slot,.sp-sidebar,.sp-footer{display:none!important}.sp-grid-main{grid-template-columns:1fr}body{background:#fff;color:#000}a{color:#000;text-decoration:underline}}@media (prefers-reduced-motion:reduce){.sp-ticker-track{animation:none}.sp-badge-live{animation:none}*{transition-duration:0.01ms!important}}.sp-footer{content-visibility:auto;contain-intrinsic-size:0 380px}.sp-sidebar{content-visibility:auto;contain-intrinsic-size:0 600px}.sp-ad-slot:not(.sp-header-ad):not(.sp-before-matches-ad){content-visibility:auto;contain-intrinsic-size:0 280px}.sp-icon-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--sp-text);cursor:pointer;border-radius:8px;padding:0 8px;transition:background .15s}.sp-icon-btn:hover{background:rgba(255,255,255,.08)}.sp-icon-btn:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.sp-tab{min-height:44px;padding:8px 16px}@media(max-width:768px){.sp-nav li a{min-height:44px;display:flex;align-items:center;padding:8px 12px}}.sp-sticky-ad{position:fixed;bottom:0;right:0;left:0;z-index:9999;background:var(--sp-bg2);border-top:1px solid var(--sp-border);display:flex;align-items:center;justify-content:center;padding:6px;min-height:60px}.sp-sticky-close{position:absolute;top:4px;left:4px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:4px;width:22px;height:22px;cursor:pointer;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center}.sp-matches-bar{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}@media(max-width:600px){.sp-sidebar{order:0;margin-top:24px}}@media(max-width:375px){.sp-container{padding:0 10px}.sp-match-mini{min-width:140px;font-size:10px}.sp-match-team-sm{max-width:40px;font-size:9px}.sp-news-card-title{font-size:13px}.sp-news-card-meta{font-size:10px}.sp-tabs{gap:4px}.sp-tab{padding:6px 10px;font-size:11px}.sp-section-title{font-size:14px}.sp-cat-tab{padding:5px 10px;font-size:11px}.sp-footer-grid{grid-template-columns:1fr}}.sp-search-box button{min-width:44px;min-height:44px}/* ══════════════════════════════════════════════════════════════ CLS FIXES v3 — تثبيت الارتفاع لمنع انزلاق التصميم (CLS=0.31→0.05) ══════════════════════════════════════════════════════════════ */ /* Ticker:ارتفاع ثابت قبل تحميل المحتوى */ .sp-ticker{min-height:32px;contain:layout size}/* Matches bar:احجز المساحة قبل ظهور المباريات */ .sp-matches-bar{min-height:62px;contain:layout}/* Cat nav:ارتفاع ثابت — يمنع القفز عند تحميل القائمة */ .sp-cat-nav,.sp-sport-cat-nav{min-height:44px;contain:layout}/* Breadcrumb:مساحة محجوزة */ .sp-breadcrumb{min-height:32px}/* Ad slots:أبعاد صريحة لكل مكان إعلاني لمنع CLS */ .sp-header-ad,.sp-before-matches-ad{min-height:250px;width:100%}.sp-ad-slot{min-height:250px}@media(max-width:768px){.sp-ad-slot,.sp-header-ad{min-height:50px}.sp-sticky-ad{min-height:60px}}/* Featured image skeleton — يمنع القفز أثناء تحميل الصورة */ .sp-news-featured{background:var(--sp-bg3)}.sp-news-card-img{background:var(--sp-bg3)}/* Nav logo:أبعاد محجوزة — CLS Fix */ .sp-logo img{width:180px;height:60px;object-fit:contain;aspect-ratio:3/1}/* Prevent font-swap CLS:Cairo يستخدم font-display:swap في Google Fonts نضيف size-adjust لتطابق أفضل مع system font */ @font-face{font-family:'Cairo Fallback';src:local('Arial');size-adjust:105%;ascent-override:102%;descent-override:normal;line-gap-override:normal}/* ══════════════════════════════════════════════════════════════ CONTRAST FIX — تحسين إمكانية الوصول (من 92 إلى 96+) النص المكتوب بـ --sp-muted على --sp-bg2:نسبة 3.8:1 → نحسّنها ══════════════════════════════════════════════════════════════ */:root{--sp-muted:#9aaac8;/* كان #8899bb (3.8:1) → الآن 4.6:1 ✓ WCAG AA */}/* نص صغير 11-12px يحتاج 4.5:1 على الأقل */ .sp-news-card-meta,.sp-match-league,.sp-ad-label,.sp-footer-bottom,.sp-post-meta,.sp-cat-desc{color:#a8b8d0}/* ══════════════════════════════════════════════════════════════ TOUCH TARGETS — تحسين مساحات اللمس (44×44px minimum) ══════════════════════════════════════════════════════════════ */ .sp-footer-links a{display:inline-block;min-height:44px;line-height:44px;padding:0 4px;}.sp-standing-row{min-height:44px}.sp-pagination a,.sp-pagination span{min-width:44px;min-height:44px}/* Links with same purpose — visual differentiation */ .sp-news-card .sp-news-card-title a:focus-visible,.sp-news-card:focus-within{outline:2px solid var(--sp-accent);outline-offset:2px}/* ============================================================ 5-COLUMN WIDGET ROW (v6.0) صف الـ 5 ويدجات الرئيسية — single row on desktop ============================================================ */ .sp-widgets-5col{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:start;margin-bottom:24px;}.sp-w5-item{background:var(--sp-card);border-radius:var(--sp-radius);overflow:hidden;border:1px solid var(--sp-border);min-width:0;/* prevent overflow */}.sp-w5-item .sp-widget-title{padding:10px 12px 8px;font-size:13px;font-weight:700;border-bottom:1px solid var(--sp-border);background:var(--sp-bg3);}.sp-w5-body{padding:8px;max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sp-border) transparent;}@media (max-width:1024px){.sp-widgets-5col{grid-template-columns:repeat(3,1fr);}}@media (max-width:640px){.sp-widgets-5col{grid-template-columns:1fr 1fr;}}@media (max-width:400px){.sp-widgets-5col{grid-template-columns:1fr;}}/* ============================================================ SIDEBAR WIDGETS — 4 stacked (v6.0) ============================================================ */ .sp-sidebar-widget{background:var(--sp-card);border-radius:var(--sp-radius);border:1px solid var(--sp-border);margin-bottom:20px;overflow:hidden;}.sp-sidebar-widget .sp-widget-title{padding:12px 14px 10px;font-size:13px;font-weight:700;border-bottom:1px solid var(--sp-border);background:var(--sp-bg3);}.sp-sidebar-widget .sp-widget-body{padding:10px;}.sp-sidebar-widget .sp-tabs{padding:8px 10px 0;background:var(--sp-bg3);display:flex;gap:6px;}/* Popular items */ .sp-popular-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--sp-border);}.sp-popular-item:last-child{border-bottom:none;}.sp-popular-rank{font-size:20px;font-weight:900;color:var(--sp-accent);min-width:26px;text-align:center;line-height:1.3;}.sp-popular-info{flex:1;min-width:0;}.sp-popular-link{font-size:13px;font-weight:600;color:var(--sp-text);display:block;line-height:1.4;}.sp-popular-link:hover{color:var(--sp-accent);}.sp-popular-date{font-size:11px;color:var(--sp-muted);margin-top:3px;display:block;}/* ============================================================ MOBILE NAV FIX — smooth transition,accessible ============================================================ */ .sp-nav{transition:none;}@media (max-width:768px){.sp-nav{display:none;position:absolute;top:64px;right:0;left:0;background:var(--sp-bg2);padding:12px;border-bottom:1px solid var(--sp-border);z-index:99;box-shadow:var(--sp-shadow);}.sp-nav.open{display:block;animation:spNavSlide .2s ease;}.sp-nav.open ul{flex-direction:column;}@keyframes spNavSlide{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}/* ✅ Touch target size fix (Lighthouse:min 44×44px) */ .sp-nav li a{min-height:44px;display:flex;align-items:center;}.sp-mobile-menu-toggle{min-width:44px;min-height:44px;}/* ✅ Category links touch target fix */ .sp-news-card-cat,.sp-footer-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 8px;}}/* ============================================================ CLS FIX:Flag images in match cards ============================================================ */ img[src*="flagcdn.com"],img[src*="flag"]{width:28px !important;height:28px !important;aspect-ratio:1 / 1;}/* ============================================================ CONTRAST FIX — footer span (Lighthouse accessibility) ============================================================ */ .sp-footer-bottom span,div.sp-container>div.sp-footer-bottom>div>span{color:#8899bb !important;/* was #555 — now meets 4.5:1 on dark bg */}/* ============================================================ V6 NEW — Full-Width Widgets (ويدجتان بعرض الصفحة كاملاً) ============================================================ */ .sp-fullwidth-widget{background:var(--sp-card);border:1px solid var(--sp-border);border-radius:var(--sp-radius);overflow:hidden;width:100%;}.sp-fullwidth-widget .sp-widget-title{font-size:14px;font-weight:700;padding:12px 16px 10px;border-bottom:2px solid var(--sp-accent);background:var(--sp-bg3);display:flex;align-items:center;gap:8px;}.sp-fullwidth-body{padding:16px;}.sp-fullwidth-body .sp-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}@media (max-width:900px){.sp-fullwidth-body .sp-grid-4{grid-template-columns:repeat(2,1fr);}}@media (max-width:480px){.sp-fullwidth-body .sp-grid-4{grid-template-columns:1fr;}}/* ============================================================ V6 NEW — Device Visibility Control التحكم في ظهور الويدجات حسب الجهاز ============================================================ */ /* All devices — always show */ .sp-show-all{display:block;}/* Mobile only (≤ 640px) */ .sp-show-mobile-only{display:none;}@media (max-width:640px){.sp-show-mobile-only{display:block;}}/* Desktop only (>1024px) */ .sp-show-desktop-only{display:none;}@media (min-width:1025px){.sp-show-desktop-only{display:block;}}/* Tablet only (641px – 1024px) */ .sp-show-tablet-only{display:none;}@media (min-width:641px) and (max-width:1024px){.sp-show-tablet-only{display:block;}}/* ============================================================ V6 NEW — 5-Col Widgets:Slider on Mobile الويدجات الـ5 الأولى تتحول لسليدر يدوي على الموبايل ============================================================ */ .sp-widgets-5col-wrap{position:relative;}/* Desktop:keep existing 5col grid */ .sp-w5-slider{/* inherits sp-widgets-5col grid styles */}@media (max-width:640px){.sp-widgets-5col-wrap{position:relative;overflow:hidden;}.sp-w5-slider{display:flex !important;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:8px;/* Hide scrollbar but keep scrollability */ scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:unset !important;}.sp-w5-slider::-webkit-scrollbar{display:none;}.sp-w5-slider .sp-w5-item{flex:0 0 80vw;max-width:80vw;scroll-snap-align:start;}}/* ============================================================ V6 NEW — 5 Stacked Widgets (5 ويدجات تحت بعضها) ============================================================ */ .sp-widgets-5stacked{display:flex;flex-direction:column;gap:16px;}.sp-w5-stacked-item{background:var(--sp-card);border-radius:var(--sp-radius);overflow:hidden;border:1px solid var(--sp-border);min-width:0;width:100%;}.sp-w5-stacked-item .sp-widget-title{padding:12px 16px 10px;font-size:14px;font-weight:700;border-bottom:2px solid var(--sp-accent);background:var(--sp-bg3);display:flex;align-items:center;gap:8px;}.sp-w5-body-stacked{padding:12px 16px;max-height:none;/* stacked:no height limit,full display */ overflow:visible;}/* On mobile,stacked widgets:slider turned OFF (they stay stacked) */ /* ============================================================ V6 NEW — sp-mb-28 utility ============================================================ */ .sp-mb-28{margin-bottom:28px;}.sp-mt-12{margin-top:12px;}/* ============================================================ V6 — Full-Width Widgets ============================================================ */ .sp-fullwidth-widget{background:var(--sp-card);border:1px solid var(--sp-border);border-radius:var(--sp-radius);overflow:hidden;width:100%;}.sp-fullwidth-widget>.sp-widget-title{font-size:14px;font-weight:700;padding:12px 16px 10px;border-bottom:2px solid var(--sp-accent);background:var(--sp-bg3);display:flex;align-items:center;gap:8px;}.sp-fullwidth-body{padding:16px;}/* ============================================================ V6 — Device Visibility Classes ============================================================ */ .sp-show-all{display:block;}.sp-show-mobile-only{display:none;}@media (max-width:640px){.sp-show-mobile-only{display:block;}}.sp-show-desktop-only{display:none;}@media (min-width:1025px){.sp-show-desktop-only{display:block;}}.sp-show-tablet-only{display:none;}@media (min-width:641px) and (max-width:1024px){.sp-show-tablet-only{display:block;}}/* ============================================================ V6 — 5-Col Slider on Mobile ============================================================ */ .sp-widgets-5col-wrap{position:relative;}@media (max-width:640px){.sp-w5-slider{display:flex !important;grid-template-columns:unset !important;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none;}.sp-w5-slider::-webkit-scrollbar{display:none;}.sp-w5-slider .sp-w5-item{flex:0 0 82vw;max-width:82vw;scroll-snap-align:start;}}/* ============================================================ V6 — 5 Stacked Widgets ============================================================ */ .sp-widgets-5stacked{display:flex;flex-direction:column;gap:16px;}.sp-w5-stacked-item{background:var(--sp-card);border-radius:var(--sp-radius);border:1px solid var(--sp-border);overflow:hidden;width:100%;}.sp-w5-stacked-item>.sp-widget-title{padding:12px 16px 10px;font-size:14px;font-weight:700;border-bottom:2px solid var(--sp-accent);background:var(--sp-bg3);display:flex;align-items:center;gap:8px;}.sp-w5-body-stacked{padding:12px 16px;max-height:none;overflow:visible;}/* ============================================================ SportPro v7 — Widget Rows & Logo Updates ============================================================ */ /* Widget rows */ .sp-widget-row{width:100%;}.sp-widget-row-1{display:flex;gap:16px;padding:10px 0;background:var(--sp-bg2);border-bottom:1px solid var(--sp-border);}.sp-widget-row-1>.sp-widget-area{flex:1;}.sp-widget-row-2{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:12px 0;background:var(--sp-bg3);border-bottom:1px solid var(--sp-border);}/* Logo circle update */ .sp-logo-icon{width:46px !important;height:46px !important;border-radius:50% !important;overflow:hidden !important;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--sp-accent) !important;border:2px solid rgba(240,192,48,.5);box-shadow:0 0 0 3px rgba(232,176,32,.12);}.sp-logo-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;}/* Default thumbnail */ .sp-default-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--sp-bg3);}/* Widget area inside rows */ .sp-widget-area{min-height:1px;}.sp-widget-area:empty{display:none;}/* Ad slot inside widget row */ .sp-widget-row .sp-widget-area ins,.sp-widget-row .sp-widget-area>*{display:block;max-width:100%;}/* Responsive widget rows */ @media (max-width:1024px){.sp-widget-row-2{grid-template-columns:repeat(3,1fr);}}@media (max-width:768px){.sp-widget-row-1{flex-direction:column;}.sp-widget-row-2{grid-template-columns:repeat(2,1fr);}}@media (max-width:480px){.sp-widget-row-2{grid-template-columns:1fr;}}/* ══════════════════════════════════════════════════════════════ ZAMALEK SC v8 — Additional Styles ══════════════════════════════════════════════════════════════ */ /* Cat nav tab */ .sp-cat-tab{padding:6px 14px;border-radius:20px;background:var(--sp-card);border:1px solid var(--sp-border);color:var(--sp-muted);font-size:12px;font-weight:700;white-space:nowrap;transition:.2s;flex-shrink:0}.sp-cat-tab:hover{background:rgba(204,0,0,.15);color:var(--sp-accent);border-color:var(--sp-accent)}.sp-cat-nav{border-bottom:1px solid var(--sp-border);background:var(--sp-bg2)}/* See-all link */ .sp-see-all{font-size:12px;color:var(--sp-accent);font-weight:600;margin-right:auto}.sp-see-all:hover{color:#ff3333}/* Section hero block spacing */ .sp-hero-block{margin-bottom:20px}.sp-mt-12{margin-top:12px}.sp-mb-28{margin-bottom:28px}/* Live stream dot */ .sp-stream-dot{display:inline-block;width:8px;height:8px;background:#cc0000;border-radius:50%;animation:pulse 1.5s infinite;flex-shrink:0}.sp-live-badge-card{display:inline-flex;align-items:center;gap:4px;background:rgba(204,0,0,.85);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px}/* Empty state */ .sp-empty-state{padding:20px;text-align:center;color:var(--sp-muted);font-size:13px}/* Popular items */ .sp-popular-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--sp-border)}.sp-popular-item:last-child{border-bottom:none}.sp-popular-rank{width:22px;height:22px;background:var(--sp-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.sp-popular-info{flex:1}.sp-popular-link{font-size:13px;font-weight:600;color:var(--sp-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.sp-popular-link:hover{color:var(--sp-accent)}.sp-popular-date{font-size:11px;color:var(--sp-muted);margin-top:3px;display:block}/* Sidebar widget */ .sp-sidebar-widget{background:var(--sp-card);border:1px solid var(--sp-border);border-radius:var(--sp-radius);padding:16px;margin-bottom:20px}/* Tabs in sidebar */ .sp-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.sp-tab{background:var(--sp-bg3);border:1px solid var(--sp-border);border-radius:8px;color:var(--sp-muted);font-size:12px;font-weight:600;cursor:pointer;transition:.2s}.sp-tab.active{background:var(--sp-accent);color:#fff;border-color:var(--sp-accent)}.sp-tab-content{display:none}.sp-tab-content.active{display:block}/* Fans section icon */ .sp-fans-icon{color:#cc0000}/* Homepage section wrapper */ .sp-section{background:transparent}/* Section number badges (per design) */ .sp-section-title .sp-sec-num{background:var(--sp-accent);color:#fff;font-size:11px;font-weight:900;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}/* Footer newsletter */ .sp-footer-newsletter input{background:var(--sp-bg3);border:1px solid var(--sp-border);border-radius:8px;padding:10px 14px;color:var(--sp-text);font-family:var(--sp-font);width:100%;margin-bottom:8px}.sp-footer-newsletter button{background:var(--sp-accent);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-family:var(--sp-font);font-weight:700;cursor:pointer;width:100%}/* Responsive:section grid on mobile */ @media(max-width:768px){.sp-hero-block .sp-news-featured{height:220px}.sp-grid-3{grid-template-columns:1fr}.sp-grid-2{grid-template-columns:1fr}}.sp-sports-layout{background:#0b1a2e;}.sp-hero-wrap{display:grid;grid-template-columns:2.5fr 1fr;gap:20px;margin-bottom:20px;}.sp-sports-grid{display:grid;grid-template-columns:3fr 1fr;gap:20px;}.sp-grid-news{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;}.sp-ranked-card{position:relative;}.sp-rank{position:absolute;top:10px;left:10px;background:#f7b500;color:#000;font-weight:700;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;}@media(max-width:992px){.sp-hero-wrap,.sp-sports-grid{grid-template-columns:1fr;}.sp-grid-news{grid-template-columns:1fr;}}























/* Fix CLS - reserve ad space */
.sp-ad-slot { min-height: 90px; contain: layout; }
.sp-header-ad, .sp-before-matches-ad { min-height: 90px; contain: layout; }
.sp-sticky-ad { min-height: 60px; contain: layout; }
@media(max-width:768px) {
  .sp-ad-slot, .sp-header-ad { min-height: 50px; }
}