/*
Theme Name: MatchDay World Cup 2026
Theme URI: https://example.com/matchday
Author: MatchDay
Description: ثيم عربي RTL مخصّص بالكامل لكأس العالم 2026 — هوية ذهبية/كحلية فخمة، هيدر بأقسام البطولة، فوتر بالدول المستضيفة. مصمّم ليعمل مع إضافة MatchDay (نتائج وترتيب مباشر).
Version: 3.3.1
Requires at least: 5.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: matchday
Tags: rtl-language-support, sports, custom-menu, featured-images, translation-ready
*/

:root{
  --md-navy:#0a1f44;
  --md-navy-2:#0c2552;
  --md-navy-3:#13316d;
  --md-deep:#050f26;
  --md-gold:#f5c518;
  --md-gold-2:#e0a800;
  --md-gold-soft:#fff3cc;
  --md-green:#1db954;
  --md-ink:#0f172a;
  --md-muted:#64748b;
  --md-line:#e6eaf0;
  --md-bg:#eef2f8;
  --md-card:#fff;
  --md-font:"Tajawal","Cairo","Segoe UI",system-ui,Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;direction:rtl;text-align:right;
  font-family:var(--md-font);
  background:var(--md-bg);color:var(--md-ink);line-height:1.7;
}
a{color:var(--md-gold-2);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.md-container{max-width:1200px;margin:0 auto;padding:0 16px}

/* ============================================================
   الهيدر — هوية كأس العالم
   ============================================================ */
.md-site-header{position:sticky;top:0;z-index:60;background:linear-gradient(120deg,var(--md-deep),var(--md-navy) 60%,var(--md-navy-3));color:#fff;box-shadow:0 4px 24px rgba(5,15,38,.4);border-bottom:2px solid var(--md-gold)}
.md-header-inner{display:flex;align-items:center;gap:18px;height:72px}
/* إزاحة الهيدر الثابت أسفل شريط أدوات ووردبريس للمستخدم المسجّل */
.admin-bar .md-site-header{top:32px}
@media screen and (max-width:782px){.admin-bar .md-site-header{top:46px}}
.md-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.md-logo:hover{text-decoration:none}
.md-logo .trophy{font-size:30px;filter:drop-shadow(0 3px 8px rgba(245,197,24,.5))}
.md-logo-img{height:30px;width:auto;display:block;filter:drop-shadow(0 3px 12px rgba(29,185,84,.35))}
.md-footer-logo-img{height:26px;width:auto;display:block;opacity:.95}
@media(max-width:600px){.md-logo-img{height:24px}}
.md-logo-txt{display:flex;flex-direction:column;line-height:1.1}
.md-logo-txt b{font-size:20px;font-weight:800;letter-spacing:-.3px}
.md-logo-txt b span{color:var(--md-gold)}
.md-logo-txt small{font-size:11px;color:var(--md-gold-soft);opacity:.85;font-weight:600}

.md-nav{flex:1 1 auto;display:flex;gap:6px;flex-wrap:nowrap;justify-content:center;align-items:center}
.md-nav a{color:#dbe4f3;padding:10px 16px;border-radius:999px;font-weight:700;font-size:15px;white-space:nowrap;transition:.15s}
.md-nav a:hover{background:rgba(245,197,24,.15);color:#fff;text-decoration:none}
.md-nav .current-menu-item>a,.md-nav .current_page_item>a{background:var(--md-gold);color:var(--md-deep)}
.md-nav ul{list-style:none;display:flex;gap:2px;margin:0;padding:0;align-items:center}

.md-burger{display:none;background:none;border:0;color:var(--md-gold);font-size:28px;cursor:pointer;margin-inline-start:auto}

@media(max-width:920px){
  .md-burger{display:block}
  .md-nav{position:absolute;top:72px;inset-inline:0;flex:0 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--md-navy);padding:10px 16px 16px;display:none;margin:0;border-bottom:2px solid var(--md-gold)}
  .md-nav.open{display:flex}
  .md-nav ul{flex-direction:column;align-items:stretch;width:100%}
  .md-nav a{padding:13px 10px;border-radius:10px}
}

/* شريط الدول المستضيفة تحت الهيدر */
.md-hosts-strip{background:var(--md-deep);color:var(--md-gold-soft);font-size:13px;font-weight:600;text-align:center;padding:7px 12px;border-bottom:1px solid rgba(245,197,24,.2)}
.md-hosts-strip span{margin:0 8px}

/* ============================================================
   المحتوى
   ============================================================ */
.md-main{padding:22px 0 50px;min-height:55vh}
.md-page-title{color:var(--md-navy);font-size:26px;margin:0 0 18px;font-weight:800}
.md-card{background:var(--md-card);border:1px solid var(--md-line);border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(10,31,68,.07);margin-bottom:18px}
.md-entry h1,.md-entry h2,.md-entry h3{color:var(--md-navy)}
.md-layout{display:grid;grid-template-columns:1fr 320px;gap:24px}
@media(max-width:980px){.md-layout{grid-template-columns:1fr}}
.md-widget{background:var(--md-card);border:1px solid var(--md-line);border-radius:16px;padding:16px;margin-bottom:18px;box-shadow:0 8px 24px rgba(10,31,68,.06)}
.md-widget-title{color:var(--md-navy);font-weight:800;font-size:16px;margin:0 0 12px;padding-inline-start:10px;border-inline-start:4px solid var(--md-gold)}
.md-widget ul{list-style:none;padding:0;margin:0}
.md-widget li{padding:7px 0;border-top:1px solid var(--md-line)}
.md-widget li:first-child{border-top:0}

/* أزرار */
.md-btn{display:inline-block;background:linear-gradient(135deg,var(--md-gold),var(--md-gold-2));color:var(--md-deep);padding:11px 22px;border-radius:999px;font-weight:800;box-shadow:0 8px 20px rgba(245,197,24,.32)}
.md-btn:hover{text-decoration:none;filter:brightness(1.04);transform:translateY(-1px)}
.md-btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);box-shadow:none}
.md-btn-ghost:hover{border-color:var(--md-gold);color:var(--md-gold)}

/* ============================================================
   الفوتر
   ============================================================ */
.md-site-footer{background:linear-gradient(160deg,var(--md-navy),var(--md-deep));color:#cbd5e1;padding:30px 0 20px;margin-top:40px;border-top:3px solid var(--md-gold)}
.md-footer-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-bottom:18px}
.md-footer-logo{font-size:24px;font-weight:800;color:#fff}
.md-footer-logo span{color:var(--md-gold)}
.md-footer-nav{display:flex;gap:6px;flex-wrap:wrap}
.md-footer-nav a{color:#cbd5e1;font-size:14px;font-weight:600;padding:6px 12px;border-radius:999px;transition:.15s}
.md-footer-nav a:hover{color:var(--md-deep);background:var(--md-gold);text-decoration:none}
.md-footer-bottom{border-top:1px solid rgba(245,197,24,.18);padding-top:16px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12.5px;opacity:.8}
@media(max-width:680px){.md-footer-top{justify-content:center;text-align:center}.md-footer-bottom{justify-content:center;text-align:center}}

/* فوتر مختصر: شعار + انستقرام + حقوق */
.md-footer-mini{padding:20px 0}
.md-footer-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.md-ig-btn{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:14px;padding:9px 18px;border-radius:999px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);box-shadow:0 6px 18px rgba(220,39,67,.35);transition:.15s}
.md-ig-btn:hover{text-decoration:none;filter:brightness(1.08);transform:translateY(-1px)}
.md-ig-btn svg{flex:0 0 auto}
.md-footer-copy{font-size:12.5px;opacity:.75}
@media(max-width:680px){.md-footer-row{flex-direction:column;justify-content:center;text-align:center}}

/* تنسيق المقالات */
.md-post{background:var(--md-card);border:1px solid var(--md-line);border-radius:16px;overflow:hidden;margin-bottom:20px}
.md-post-body{padding:18px}
.md-post-title a{color:var(--md-navy)}
.md-post-meta{font-size:13px;color:var(--md-muted);margin-bottom:8px}
.md-pagination{display:flex;gap:8px;justify-content:center;margin-top:20px}
.md-pagination a,.md-pagination span{padding:8px 14px;border-radius:8px;background:var(--md-card);border:1px solid var(--md-line)}
.md-pagination .current{background:var(--md-navy);color:#fff}

/* بحث */
.md-searchform input{width:100%;padding:10px 12px;border:1px solid var(--md-line);border-radius:10px;font-family:inherit}

/* ============================================================
   لمسات عالمية (المستوى الاحترافي)
   ============================================================ */
::selection{background:var(--md-gold);color:var(--md-deep)}
:focus-visible{outline:2px solid var(--md-gold);outline-offset:2px}
html{scroll-padding-top:90px}

/* شريط تقدّم علوي */
.md-progress{position:fixed;top:0;inset-inline-start:0;height:3px;width:0;background:linear-gradient(90deg,var(--md-green),var(--md-gold));z-index:100;transition:width .1s ease;box-shadow:0 0 8px rgba(245,197,24,.5)}

/* تقلّص الهيدر عند النزول */
.md-site-header{transition:height .2s ease, box-shadow .2s ease}
.md-site-header.md-shrink .md-header-inner{height:58px}
.md-site-header.md-shrink{box-shadow:0 6px 26px rgba(5,15,38,.5)}
.md-header-inner{transition:height .2s ease}

/* زر العودة للأعلى */
.md-fab{position:fixed;bottom:22px;inset-inline-start:22px;width:48px;height:48px;border:0;border-radius:50%;
  background:linear-gradient(135deg,var(--md-gold),var(--md-gold-2));color:var(--md-deep);font-size:22px;font-weight:800;
  cursor:pointer;box-shadow:0 8px 22px rgba(245,197,24,.45);opacity:0;visibility:hidden;transform:translateY(12px);
  transition:.25s;z-index:90}
.md-fab.show{opacity:1;visibility:visible;transform:none}
.md-fab:hover{filter:brightness(1.07)}

/* شريط التنقّل السفلي (جوال) */
.md-bottomnav{display:none}
@media(max-width:860px){
  .md-bottomnav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:95;background:rgba(10,31,68,.97);
    backdrop-filter:blur(10px);border-top:1px solid rgba(245,197,24,.3);padding:6px 4px env(safe-area-inset-bottom)}
  .md-bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:#cbd5e1;text-decoration:none;
    font-size:11px;font-weight:700;padding:6px 2px;border-radius:10px}
  .md-bottomnav a .md-bn-ic{font-size:19px;line-height:1}
  .md-bottomnav a.active{color:var(--md-gold)}
  .md-bottomnav a:hover{text-decoration:none;color:#fff}
  body{padding-bottom:64px}
  .md-fab{bottom:74px}
}

/* صقل الكروت والروابط */
.md-card,.md-widget,.md-post{transition:box-shadow .2s ease, transform .2s ease}
.md-post:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(10,31,68,.12)}
img{vertical-align:middle}
a{transition:color .15s ease}

/* تحريك ظهور لطيف للأقسام */
@media (prefers-reduced-motion: no-preference){
  .md-main .kl-wc,.md-main .md-post,.md-main .md-card{animation:md-rise .4s ease both}
}
@keyframes md-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* انتقال ناعم بين الصفحات */
.md-main{transition:opacity .18s ease, transform .18s ease}
body.md-leaving .md-main{opacity:.35;transform:translateY(4px)}

/* هيكل تحميل (skeleton shimmer) */
.md-skeleton,.kl-skeleton{position:relative;overflow:hidden;background:#e8edf5;border-radius:8px;min-height:14px}
.md-skeleton::after,.kl-skeleton::after{content:"";position:absolute;inset:0;transform:translateX(100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:md-shimmer 1.2s infinite}
@keyframes md-shimmer{100%{transform:translateX(-100%)}}

/* ============================================================
   لمسة أسطورية (Legendary) — زجاج وذهب
   ============================================================ */
/* شريط تمرير ذهبي */
html{scrollbar-width:thin;scrollbar-color:var(--md-gold) var(--md-bg)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--md-bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--md-gold),var(--md-gold-2));border-radius:10px;border:3px solid var(--md-bg)}
::-webkit-scrollbar-thumb:hover{background:var(--md-gold-2)}

/* هيدر زجاجي فاخر */
.md-site-header{background:linear-gradient(120deg,rgba(5,15,38,.92),rgba(10,31,68,.92),rgba(19,49,109,.92));
  -webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);position:relative}
.md-site-header.md-shrink{background:rgba(7,18,42,.82);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4)}
/* خط ذهبي متحرّك أسفل الهيدر */
.md-site-header::after{content:"";position:absolute;bottom:-2px;inset-inline:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--md-gold),#fff6d6,var(--md-gold),transparent);
  background-size:250% 100%;animation:md-sheen 6s linear infinite}
@keyframes md-sheen{0%{background-position:200% 0}100%{background-position:-60% 0}}

/* شعار بتدرّج ذهبي متحرّك + كأس يطفو */
.md-logo-txt b{background:linear-gradient(90deg,#fff,var(--md-gold),#fff6d6,var(--md-gold),#fff);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;
  animation:md-goldflow 5s linear infinite}
.md-logo-txt b span{-webkit-text-fill-color:transparent}
@keyframes md-goldflow{0%{background-position:0 0}100%{background-position:200% 0}}
.md-logo .trophy{display:inline-block;animation:md-trophy 3.4s ease-in-out infinite;transform-origin:50% 80%}
@keyframes md-trophy{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}

/* وهج ذهبي حول زر العودة للأعلى */
.md-fab{box-shadow:0 8px 22px rgba(245,197,24,.5)}
.md-fab.show{animation:md-fabglow 2.6s ease-in-out infinite}
@keyframes md-fabglow{0%,100%{box-shadow:0 8px 22px rgba(245,197,24,.45)}50%{box-shadow:0 10px 30px rgba(245,197,24,.8)}}

/* بطاقات زجاجية لطيفة عند المرور */
.md-card:hover,.md-widget:hover{box-shadow:0 16px 40px rgba(10,31,68,.13)}

/* تذييل: توهّج علوي خفيف */
.md-site-footer{position:relative}
.md-site-footer::before{content:"";position:absolute;top:0;inset-inline:0;height:120px;
  background:radial-gradient(60% 100% at 50% 0,rgba(245,197,24,.12),transparent);pointer-events:none}

/* ============================================================
   طبقة حركة عصرية (game-like motion)
   ============================================================ */
@media (prefers-reduced-motion: no-preference){
  /* تفاعل اللمس: تصغير لحظي عند الضغط */
  a.kl-match,.kl-tab-btn,.kl-team-chip,.kl-date,.md-btn,.kl-exp-btn,.md-bottomnav a,.kl-bracket-match,.kl-city,.kl-record,.md-nav a,.kl-fact{
    transition:transform .16s cubic-bezier(.2,.85,.25,1),box-shadow .22s ease,background .2s ease,color .15s ease}
  a.kl-match:active,.kl-team-chip:active,.kl-bracket-match:active,.md-btn:active,.kl-exp-btn:active,.kl-city:active{transform:scale(.975)}
  .kl-tab-btn:active,.kl-date:active,.md-bottomnav a:active,.md-nav a:active{transform:scale(.92)}
  .kl-fact:hover,.kl-record:hover,.kl-city:hover{transform:translateY(-4px) scale(1.015)}

  /* ظهور متدرّج */
  .kl-reveal{opacity:0;transform:translateY(16px);will-change:opacity,transform}
  .kl-reveal.kl-in{opacity:1;transform:none;transition:opacity .5s ease,transform .55s cubic-bezier(.2,.85,.25,1)}

  /* انتقال التبويبات بنعومة */
  .kl-tab-panel.is-active{animation:md-panel .4s cubic-bezier(.2,.85,.25,1)}
  @keyframes md-panel{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none}}

  /* موجة لمس */
  .kl-ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(29,185,84,.35);animation:md-rip .62s ease-out;pointer-events:none;z-index:1}
  @keyframes md-rip{to{transform:scale(2.6);opacity:0}}

  /* أيقونة الشريط السفلي النشطة تقفز */
  .md-bottomnav a.active .md-bn-ic{transform:translateY(-2px) scale(1.14);transition:transform .25s cubic-bezier(.2,.85,.25,1)}
}

/* ============================================================
   🎮 GAME SKIN — تصميم لعبة داكن غامر
   ============================================================ */
:root{
  --g-bg:#070b18; --g-surface:rgba(20,30,58,.72); --g-surface-2:rgba(28,40,74,.8);
  --g-line:rgba(245,197,24,.16); --g-line-2:rgba(255,255,255,.08);
  --g-text:#e7edf9; --g-muted:#93a1c4; --g-gold:#f5c518; --g-green:#22c55e;
}
body{background:var(--g-bg);color:var(--g-text)}
/* خلفية غامرة متوهّجة ثابتة */
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(60% 50% at 50% -5%,rgba(29,49,109,.55),transparent 60%),
    radial-gradient(45% 45% at 88% 92%,rgba(34,197,94,.12),transparent 60%),
    radial-gradient(45% 45% at 8% 85%,rgba(245,197,24,.12),transparent 60%),
    var(--g-bg)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background:conic-gradient(from 210deg at 50% -10%,transparent 0deg,rgba(255,255,255,.04) 14deg,transparent 28deg,rgba(255,255,255,.04) 42deg,transparent 56deg)}

/* النصوص العامة */
.md-page-title,.kl-section-title,.kl-wc-title,.kl-mh-team span,.kl-team-name,
h1,h2,h3,h4,.kl-rank,.kl-points{color:var(--g-text)}
.md-card,.md-entry,.md-content{color:var(--g-text)}

/* الأسطح/الكروت الزجاجية الداكنة */
.kl-league-block,.kl-match-tabs,.kl-standings-wrap,.kl-stat-block,.kl-wc-group,
.kl-fact,.kl-city,.kl-record,.kl-title-card,.kl-team-chip,.kl-pred-card,.kl-injury,
.kl-coach,.kl-player,.kl-ed,.md-card,.md-widget,.md-post,.kl-lineup,.kl-events,.kl-rule,
.kl-mh-info .kl-info-item,.kl-empty,.kl-lineup-status,.kl-h2h-summary,.kl-records .kl-record{
  background:var(--g-surface) !important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid var(--g-line-2) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04) !important;
  color:var(--g-text)}

/* قوانين 2026 وبطاقة الدليل على الداكن */
.kl-rule-title{color:var(--g-text) !important}
.kl-rule-desc{color:var(--g-muted) !important}
.kl-rule-num{background:rgba(245,197,24,.15) !important;color:var(--g-gold) !important;border:1px solid rgba(245,197,24,.3)}
.kl-guide-cta{background:linear-gradient(135deg,rgba(19,49,109,.85),rgba(10,31,68,.9)) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 22px rgba(245,197,24,.18),0 10px 30px rgba(0,0,0,.4) !important}

/* رؤوس الكتل والجداول */
.kl-league-head,.kl-wc-group h3,.kl-group-title{background:linear-gradient(90deg,rgba(10,31,68,.9),rgba(19,49,109,.7)) !important;border-bottom:1px solid var(--g-line)}
.kl-standings th,.kl-scorers th{background:rgba(10,18,40,.6) !important;color:var(--g-muted)}
.kl-standings td,.kl-scorers td{border-top:1px solid rgba(255,255,255,.06);color:var(--g-text)}
.kl-standings tbody tr:hover,.kl-scorers tbody tr:hover,.kl-match:hover{background:rgba(34,197,94,.1) !important}
.kl-team-cell,.kl-player-cell{color:var(--g-text)}

/* صفوف المباريات */
.kl-match{border-top:1px solid rgba(255,255,255,.06)}
.kl-time{background:rgba(255,255,255,.07) !important;color:var(--g-text)}
.kl-score{box-shadow:0 4px 16px rgba(245,197,24,.18),0 0 0 1px rgba(245,197,24,.2) !important}

/* شريط التواريخ + التبويبات */
.kl-date{background:var(--g-surface-2) !important;color:var(--g-text);border:1px solid var(--g-line-2) !important}
.kl-date.is-active{background:linear-gradient(135deg,#13316d,#1d3f7b) !important;box-shadow:0 0 18px rgba(245,197,24,.35)}
.kl-tabbar{background:var(--g-surface) !important;border:1px solid var(--g-line-2) !important}
.kl-tab-btn{color:var(--g-text)}
.kl-tab-btn.is-active{box-shadow:0 0 18px rgba(34,197,94,.5)}

/* العناوين بإطار جانبي متوهّج */
.kl-section-title{border-inline-start-color:var(--g-green);text-shadow:0 0 18px rgba(34,197,94,.25)}
.kl-day-title{background:rgba(34,197,94,.14) !important;color:#bdf3cf}

/* الإحصائيات/التوقعات على داكن */
.kl-stat2-top b{color:var(--g-muted)} .kl-stat2-top b.kl-s2-win{color:#fff}
.kl-stat2-bars,.kl-pred-bars{background:rgba(255,255,255,.08)}
.kl-pred-advice{background:rgba(34,197,94,.14) !important;color:#bdf3cf}
.kl-cmp-bar{background:rgba(255,255,255,.08)}
.kl-mh-info .kl-info-item{color:var(--g-text)}
.kl-prep-note{background:linear-gradient(90deg,rgba(245,158,11,.2),transparent) !important;color:#ffd9a0}

/* المنتخبات والمدن والسجلات: نص فاتح */
.kl-team-chip,.kl-city-name,.kl-record-val,.kl-ed-champ,.kl-title-team{color:var(--g-text)}
.kl-city-stadium,.kl-city-country,.kl-record-label,.kl-ed-meta,.kl-ed-host{color:var(--g-muted)}
.kl-team-chip:hover{box-shadow:0 0 22px rgba(245,197,24,.25)}

/* الحقول */
.kl-search-form input,.md-searchform input,.md-widget input{background:var(--g-surface-2);border:1px solid var(--g-line-2);color:var(--g-text)}
.kl-search-form input::placeholder{color:var(--g-muted)}
.kl-search-form button{background:var(--g-green);color:#04240f}

/* لاعب */
.kl-player-hero,.kl-team-hero,.kl-page-head,.kl-match-hero{box-shadow:0 18px 50px rgba(0,0,0,.5)}
.kl-role-club,.kl-player-meta{color:var(--g-text)}

/* روابط عامة داخل المحتوى */
.md-main a{color:#cfe3ff}
.kl-empty{color:var(--g-muted)}

/* تبويبات أنيقة (segmented pills) للوضع الداكن */
.kl-tabbar{display:flex !important;gap:6px;background:rgba(12,20,44,.7) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:16px !important;padding:6px !important;overflow-x:auto;scrollbar-width:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important}
.kl-tabbar::-webkit-scrollbar{display:none}
.kl-tabbar .kl-tab-btn{flex:0 0 auto !important;padding:10px 16px !important;border-radius:11px !important;color:#aebbd6 !important;font-weight:700;font-size:14px;white-space:nowrap;background:transparent !important;display:inline-flex;align-items:center;gap:6px;transition:transform .16s,background .2s,color .15s;box-shadow:none !important}
.kl-tabbar .kl-tab-btn:hover{background:rgba(255,255,255,.07) !important;color:#fff !important}
.kl-tabbar .kl-tab-btn.is-active{background:linear-gradient(135deg,#22c55e,#16a34a) !important;color:#04240f !important;box-shadow:0 6px 20px rgba(34,197,94,.45) !important}
.kl-tabbar .kl-tab-btn.is-active:active{transform:scale(.96)}
/* تبويبات صفحة المباراة الداخلية بنفس الشكل */
.kl-match-tabs > .kl-tabbar{margin-bottom:14px}

/* أحداث المباراة على الوضع الداكن — مرتّبة */
.kl-events{background:transparent !important;border:0 !important}
.kl-ev{padding:9px 14px;border-top:1px solid rgba(255,255,255,.07) !important;gap:10px}
.kl-ev:first-child{border-top:0 !important}
.kl-ev-min{color:var(--g-gold) !important;font-weight:800;min-width:46px;text-align:center;background:rgba(245,197,24,.12);border:1px solid rgba(245,197,24,.28);border-radius:999px;padding:2px 8px;font-size:12.5px;line-height:1.5;flex:0 0 auto}
.kl-ev-player{color:var(--g-text)}
.kl-ev-player small{color:var(--g-muted)}
/* أسهم التبديل: داخل أخضر / خارج أحمر هادئ */
.kl-sub{gap:2px}
.kl-sub-in{color:#34d399 !important}
.kl-sub-out{color:#f87171 !important;opacity:.85}
.kl-sub .kl-arr{font-style:normal;font-size:10px;vertical-align:1px}
.kl-sub-in .kl-arr{color:#34d399}
.kl-sub-out .kl-arr{color:#f87171}

/* تحسينات الوضع الداكن على الجوال */
@media(max-width:600px){
  .kl-tabbar{padding:5px !important;gap:5px;border-radius:14px !important}
  .kl-tabbar .kl-tab-btn{padding:9px 13px !important;font-size:13px;border-radius:10px !important}
  .kl-match-tabs{padding:10px !important}
  /* كروت زجاجية أخف blur على الجوال للأداء */
  .kl-league-block,.kl-match-tabs,.kl-fact,.kl-wc-group,.kl-team-chip,.md-card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  /* خلفية ثابتة قد تثقل بعض الأجهزة → نخفّف */
  body::after{display:none}
}

/* ============================================================
   🎮 طبقة الجوال الخرافية
   ============================================================ */
/* الشريط السفلي: زجاج + توهج — ثابت دائماً */
@media(max-width:860px){
  .md-bottomnav{background:rgba(7,12,28,.82) !important;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);
    border-top:1px solid rgba(245,197,24,.25);box-shadow:0 -10px 30px rgba(0,0,0,.45);
    padding:8px 6px calc(6px + env(safe-area-inset-bottom))}
  .md-bottomnav a{position:relative;transition:color .15s ease, transform .15s ease}
  .md-bottomnav a:active{transform:scale(.9)}
  .md-bottomnav a.active{color:var(--md-gold);background:rgba(245,197,24,.1)}
  .md-bottomnav a.active::before{content:"";position:absolute;top:-9px;inset-inline:22%;height:3px;border-radius:0 0 4px 4px;
    background:linear-gradient(90deg,var(--md-green),var(--md-gold));box-shadow:0 2px 10px rgba(245,197,24,.6)}
  body{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
  .md-fab{bottom:calc(108px + env(safe-area-inset-bottom))}
}
@media(max-width:600px){
  /* هيدر أرشق */
  .md-header-inner{height:60px;gap:10px}
  .md-nav{top:60px}
  .md-logo-img{height:22px}
  .md-logo-txt small{font-size:10px}
  html{scroll-padding-top:74px}
  /* الشريط اللاصق للمباراة فوق كل شيء */
  .kl-stickybar{background:rgba(7,12,28,.92);border-bottom:1px solid rgba(245,197,24,.3)}
  /* تبويبات المباراة اللاصقة تحت الهيدر المضغوط */
  .kl-match-tabs > .kl-tabbar{top:54px !important}
  /* لمسات نعومة عامة */
  .md-main{padding:14px 0 40px}
  .md-container{padding:0 12px}
  .md-footer-row{gap:10px}
}

/* صفحة المباراة — مستوى تاريخي (الوضع الداكن) */
.kl-match-hero{border:1px solid rgba(245,197,24,.22) !important;box-shadow:0 20px 50px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06) !important}
.kl-match-hero.is-live{border-color:rgba(34,197,94,.45) !important;box-shadow:0 0 34px rgba(34,197,94,.2),0 20px 50px rgba(0,0,0,.5) !important}
.kl-mh-tg{color:var(--g-gold) !important;text-shadow:0 0 22px rgba(245,197,24,.45)}
.kl-mh-team img.kl-team-logo-lg{background:rgba(255,255,255,.96);box-shadow:0 10px 26px rgba(0,0,0,.4)}
.kl-ev-goal{background:linear-gradient(-90deg,rgba(34,197,94,.14),transparent 70%) !important}

/* تبويب تشكيلة المنتخبين: زرّان يملآن العرض */
.kl-squad-tabs > .kl-tabbar{width:100% !important;display:flex !important}
.kl-squad-tabs .kl-tab-btn{flex:1 1 0 !important;justify-content:center !important;min-width:0}
.kl-squad-tabs .kl-tab-btn .kl-logo-sm{width:20px;height:20px}

/* التايملاين على الوضع الداكن */
.kl-tl::before{background:linear-gradient(180deg,transparent,rgba(245,197,24,.25) 6%,rgba(245,197,24,.25) 94%,transparent)}
.kl-tl-card{background:var(--g-surface) !important;border-color:var(--g-line-2) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 22px rgba(0,0,0,.35) !important}
.kl-tl-player{color:var(--g-text) !important}
.kl-tl-assist{color:var(--g-muted) !important}
.kl-tl-tag{background:rgba(255,255,255,.07) !important;color:var(--g-muted) !important}
.kl-tl-min{background:#0d1730 !important;border-color:rgba(245,197,24,.4) !important;color:var(--g-gold) !important}
.kl-tl-goal .kl-tl-min{border-color:#22c55e !important;color:#34d399 !important}
.kl-tl-goal .kl-tl-card{background:linear-gradient(-90deg,rgba(34,197,94,.12),var(--g-surface) 60%) !important}
.kl-tl-away.kl-tl-goal .kl-tl-card{background:linear-gradient(90deg,rgba(34,197,94,.12),var(--g-surface) 60%) !important}
.kl-tl-sep span{box-shadow:0 0 18px rgba(245,197,24,.15),0 6px 16px rgba(0,0,0,.4)}
.kl-tl-score{background:rgba(245,197,24,.14);border:1px solid rgba(245,197,24,.3)}
.kl-tl-score b.on{color:var(--g-gold)}

/* المسجّلون والميتا على الداكن */
.kl-ms-date{color:var(--g-gold) !important}
.kl-ms-comp{color:var(--g-muted) !important}
.kl-mh-meta{color:#cdd8ee}

/* هوية البطولة وصفحة الأخضر على الداكن */
.kl-prize-wrap{background:var(--g-surface) !important;border-color:var(--g-line-2) !important}
.kl-prize td{border-color:rgba(255,255,255,.07) !important;color:var(--g-text)}
.kl-prize tr:first-child td{background:linear-gradient(90deg,rgba(245,197,24,.16),transparent) !important}
.kl-prize-amt{color:#34d399 !important}
.kl-prize-note{background:rgba(0,0,0,.25) !important;color:var(--g-muted) !important;border-color:rgba(255,255,255,.07) !important}
.kl-sa-year{background:#0d1730 !important}

/* تاريخ المنتخبين على الداكن */
.kl-wch{background:var(--g-surface) !important;border-color:var(--g-line-2) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.kl-wch-head{color:var(--g-text) !important;border-color:rgba(255,255,255,.08) !important}
.kl-wch-val{color:var(--g-gold) !important}
.kl-wch-lbl{color:var(--g-muted) !important}
.kl-wch-fact{color:var(--g-text) !important;background:linear-gradient(90deg,rgba(245,197,24,.12),transparent) !important}

/* المجموعات الفاخرة على الداكن */
.kl-rk{background:rgba(255,255,255,.08) !important;color:var(--g-muted)}
.kl-gx-q .kl-rk{background:#16a34a !important;color:#fff !important}
.kl-gx-m .kl-rk{background:#f5c518 !important;color:#0a1f44 !important}
.kl-gx-sa{background:linear-gradient(-90deg,rgba(29,185,84,.16),transparent 75%) !important}
.kl-gx-sa .kl-team-cell span{color:#34d399 !important}
.kl-lg-q{background:rgba(22,163,74,.12) !important}
.kl-lg-m{background:rgba(245,197,24,.12) !important;color:#f5c518 !important}

/* الفوتر فوق الشريط السفلي دائماً: نمدّد الفوتر نفسه بدل الاعتماد على حشوة الصفحة */
@media(max-width:860px){
  .md-site-footer{margin-bottom:0}
  .md-footer-mini{padding:20px 0 calc(116px + env(safe-area-inset-bottom)) !important}
  body{padding-bottom:0 !important}
}

/* كروت القرعة على الوضع الداكن */
.kl-gd{background:var(--g-surface) !important;border-color:var(--g-line-2) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 36px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05) !important}
.kl-gd:hover{box-shadow:0 0 24px rgba(245,197,24,.18),0 22px 48px rgba(0,0,0,.5) !important}
.kl-gd-team{color:var(--g-text) !important;border-color:rgba(255,255,255,.06) !important}
.kl-gd-team:hover{background:rgba(34,197,94,.1) !important}
.kl-gd-sa{background:linear-gradient(-90deg,rgba(29,185,84,.14),transparent 70%) !important}
.kl-gd-sa .kl-gd-name{color:#34d399 !important}
.kl-gd-arrow{color:var(--g-muted)}