/* ============================================================
 * بلوكات المباريات — ستايل معزول (بادئة mtch-)
 * يرث خلفية البطاقة من متغيّرات القالب نفسها.
 * ============================================================ */

.mtch-list{display:flex;flex-direction:column;gap:22px;}

.mtch-card{
  display:block;
  background:linear-gradient(180deg,var(--hp-surface,#171A24),var(--hp-bg-2,#12141C));
  border:1px solid var(--hp-border,#242A38);
  border-radius:var(--hp-radius,14px);
  padding: 0 0 16px;
  text-decoration:none;color:inherit;
  box-shadow:0 1px 0 rgba(255,255,255,.02) inset,0 12px 34px -20px rgba(0,0,0,.75);
  transition:border-color .2s,transform .2s;
}
a.mtch-card:hover{border-color:rgba(244,183,64,.45);transform:translateY(-2px);}

/* بلوك مقفول (المباراة انتهت) — لا يفتح رابطًا */
.mtch-card.mtch-locked{cursor:default;}
a.mtch-card.mtch-locked:hover{border-color:var(--hp-border,#242A38);transform:none;}

/* سطر علوي: البطولة (يمين) + الحالة (يسار) */
.mtch-top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:12px;margin-bottom:13px;
  border-bottom:1px solid var(--hp-border,#242A38);
}
.mtch-league{color:var(--hp-muted,#7C8199);}
.mtch-status{white-space:nowrap;border:1px solid transparent;}

/* ألوان الحالات */
.mtch-status[data-s="notstarted"]{color:#9aa0b4;background:rgba(124,129,153,.12);border-color:rgba(124,129,153,.3);}
.mtch-status[data-s="soon"]{color:#F4B740;background:rgba(244,183,64,.12);border-color:rgba(244,183,64,.4);}
.mtch-status[data-s="live"]{color:#ff5a5a;background:rgba(192,57,43,.14);border-color:rgba(192,57,43,.5);}
.mtch-status[data-s="live"]::before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
  background:#c0392b;margin-inline-end:6px;vertical-align:middle;
  animation:mtch-pulse 1.2s infinite;
}
.mtch-status[data-s="ended"]{color:#7fd18b;background:rgba(127,209,139,.1);border-color:rgba(127,209,139,.35);}
@keyframes mtch-pulse{0%,100%{opacity:1;}50%{opacity:.35;}}

/* الجسم: فريق - وسط - فريق */
.mtch-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;}
.mtch-team{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;min-width:0;}
.mtch-list .mtch-card .mtch-logo,
.mtch-logo{
  width:53px;height:53px;border-radius:50%!important;object-fit:contain;
  background:var(--hp-bg,#0E1016);border:1px solid var(--hp-border,#242A38);
  box-sizing:border-box;max-width:53px;
}
.mtch-logo-ph{
  width:53px;height:53px;border-radius:50%;
  background:var(--hp-bg,#0E1016);border:1px solid var(--hp-border,#242A38);
  display:flex;align-items:center;justify-content:center;color:var(--hp-muted,#7C8199);font-size:1.6rem;
}
.mtch-name{color:var(--hp-heading,#E7E9F2);font-weight:700;font-size:1.05rem;line-height:1.3;}

/* الوسط: التوقيت + (النتيجة عند الانتهاء) */
.mtch-center{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:96px;}
.mtch-time{color:var(--hp-heading,#E7E9F2);font-size:20px;white-space:nowrap;}
.mtch-score[hidden]{display:none;}
.mtch-score{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--hp-accent,#F4B740);font-size:20px;
}
.mtch-score .mtch-s{min-width:1ch;text-align:center;}
.mtch-score .mtch-sep{opacity:.7;}

/* البلوك الفارغ (لا يوجد مباريات) */
.mtch-empty{
  display:flex;align-items:center;justify-content:center;text-align:center;
  min-height:300px;
  background:linear-gradient(180deg,var(--hp-surface,#171A24),var(--hp-bg-2,#12141C));
  border:1px solid var(--hp-border,#242A38);border-radius:var(--hp-radius,14px);
  color:var(--hp-muted,#7C8199);font-size:1.15rem;font-weight:600;
}

/* استجابة */
@media (max-width:560px){
  .mtch-name{font-size:.92rem;}
  .mtch-center{min-width:72px;}
}

/* ============ ضمان الإخفاء (يتغلب على display الخاص) ============ */
.mtch-card[hidden],
.mtch-empty[hidden],
.mtch-score[hidden]{display:none!important;}

/* ============ صورة بارزة في صفحة المباراة ============ */
.hp-thumb{margin:0 0 18px;}
.hp-thumb img{width:100%;height:auto;border-radius:10px;display:block;}

/* ============ بطاقة معلومات المباراة ============ */
.mtch-info{
  background:none;
  border:none;
  border-radius:0;
  overflow:hidden;
  box-shadow:none;
}
.mtch-info-head{display: none}
.mtch-info-head{
  padding:14px 22px;
  font-weight:700;color:var(--hp-heading,#E7E9F2);
  background:linear-gradient(180deg,rgba(244,183,64,.12),rgba(244,183,64,.04));
  border-bottom:1px solid var(--hp-border,#242A38);
}
.mtch-info-rows{display:flex;flex-direction:column;}
.mtch-info-row{
  display:flex;align-items:stretch;gap:16px;
  padding:12px 15px;
  border-bottom:1px solid rgba(38,46,58,.5);
}
.mtch-info-row:last-child{border-bottom:0;}
.mtch-info-k{
  flex:0 0 38%;max-width:220px;
  color:var(--hp-muted,#7C8199);font-weight:600;font-size:.92rem;
  align-self:stretch;display:flex;align-items:center;
  border-inline-end:1px solid var(--hp-border,#242A38);
  padding-inline-end:16px;
}
.mtch-info-v{
  flex:1;color:var(--hp-heading,#E7E9F2);font-weight:600;
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
}
.mtch-info-time{font-variant-numeric:tabular-nums;}
.mtch-info-tz{color:var(--hp-muted,#7C8199);font-weight:500;font-size:15px;}
.mtch-info .mtch-info-status{font-size:.8rem;}

@media (max-width:560px){
  .mtch-info-k{flex:0 0 42%;padding-inline-end:12px;}
  .mtch-info-head{padding:12px 16px;}

}

/* ============================================================
   تخصيصات المستخدم (النسخة المعدّلة) — المباريات
   ============================================================ */
.mtch-card:has(.mtch-status[data-s="notstarted"]),
.mtch-tabs-body:has(.mtch-info-status[data-s="notstarted"]) { --s: #9aa0b4; }
.mtch-card:has(.mtch-status[data-s="soon"]),
.mtch-tabs-body:has(.mtch-info-status[data-s="soon"])       { --s: #F4B740; }
.mtch-card:has(.mtch-status[data-s="live"]),
.mtch-tabs-body:has(.mtch-info-status[data-s="live"])       { --s: #ff5a5a; }
.mtch-card:has(.mtch-status[data-s="ended"]),
.mtch-tabs-body:has(.mtch-info-status[data-s="ended"])      { --s: #7fd18b; }
.mtch-card:has(.mtch-status[data-s="notstarted"]) { box-shadow: 0 0 9px rgba(154,160,180,.2); }
.mtch-card:has(.mtch-status[data-s="soon"])       { box-shadow: 0 0 9px rgba(244,183,64,.2); }
.mtch-card:has(.mtch-status[data-s="live"])       { box-shadow: 0 0 9px rgba(192,57,43,.2); }
.mtch-card:has(.mtch-status[data-s="ended"])      { box-shadow: 0 0 9px rgba(127,209,139,.2); }

a.mtch-card:hover { border-color: color-mix(in srgb, var(--s) 45%, transparent); transform: translateY(-3px); }
.mtch-status[data-s]{ background: none; border: none; }
.mtch-list { gap: 12px; }
.mtch-card {
  border-radius: 10px; margin-bottom: 5px;
  background: #151a20;border: 1px solid #262E3A;position: relative; overflow: hidden;
}

.mtch-card .mtch-top { background: rgba(124,129,153,.05); }
.mtch-top { padding: 3px 0 5px; margin-bottom: 13px; border-bottom: none; }
.mtch-list .mtch-card .mtch-logo,
.mtch-logo { background: #1c1e1e; border: none; padding: 4px; }
.mtch-time { color: #8B95A1; font-weight: 500; letter-spacing: .5px; }
.mtch-name { font-size: 14px; line-height: 1.3; color: #8B95A1; font-weight: 500;}
.mtch-body { gap: 5px !important; margin-right: 8px; margin-left: 8px; }
.mtch-league { padding: 0 22px; font-size: 14px; font-weight: 500; }
.mtch-status { margin: 0 22px; font-size: 13.5px; font-weight: 500; padding: 0; }
.mtch-center { gap: 0 !important; }
.mtch-score {color: #8B95A1;font-family: Readex Pro; font-weight: 500; }
.mtch-empty {
  background: linear-gradient(180deg,#161B22 0%,#0D1117 100%);
  position: relative; overflow: hidden; min-height: 200px; border-radius: 10px; font-size: 18px;
}
.mtch-empty::before {
  content:""; position:absolute; top:-60%; left:50%; transform:translateX(-50%);
  width:130%; height:200%;
  background: radial-gradient(ellipse at center,rgba(244,183,64,.08),transparent 60%);
  pointer-events:none;
}

.mtch-info-head { color: #8B95A1; padding: 12px 22px; }
.mtch-info-k { color: #8B95A1; max-width: 200px; font-weight: 500; font-size: 15px; }
.mtch-info-v { color: #8B95A1; font-weight: 500; font-size: 15px; }
.mtch-info-tz { color: #8B95A1; font-size: 15px; }
.mtch-info-time { letter-spacing: .5px; }

@media (max-width:768px){
  .mtch-status { font-size: 12.5px; margin: 0 20px; }
  .mtch-league { font-size: 13px; padding: 0 20px; }
  .mtch-list .mtch-card .mtch-logo,.mtch-logo { width: 50px; height: 50px; max-width: 50px; }
  .mtch-name { font-size: 13.5px; }
  .mtch-time { font-size: 19px; }
  .mtch-score { font-size: 19px; }
  .mtch-info-k,.mtch-info-v,.mtch-info-tz { font-size: 14px; }
  .mtch-empty { font-size: 17px; }
}
@media (max-width:600px){
  .mtch-status { font-size: 12px; margin: 0 15px; }
  .mtch-league { font-size: 12.5px; padding: 0 15px; }
  .mtch-list .mtch-card .mtch-logo,.mtch-logo { width: 45px; height: 45px; max-width: 45px; }
  .mtch-name { font-size: 13px; }
  .mtch-time { font-size: 18px; }
  .mtch-score { font-size: 18px; }
  .mtch-info-k { font-size: 13.5px; max-width: 130px !important; }
  .mtch-info-v,.mtch-info-tz { font-size: 13.5px; }
  .mtch-empty { font-size: 16px; }
  .mtch-list { gap: 10px; }
}
@media (max-width:360px){
  .mtch-status { font-size: 11.5px; }
  .mtch-league { font-size: 12px; }
  .mtch-list .mtch-card .mtch-logo,.mtch-logo { width: 42px; height: 42px; max-width: 42px; }
  .mtch-name { font-size: 12px; }
  .mtch-time { font-size: 16px; }
  .mtch-score { font-size: 16px; }
  .mtch-info-k { font-size: 12.5px; max-width: 100px !important; }
  .mtch-info-v,.mtch-info-tz { font-size: 12.5px; }
  .mtch-empty { font-size: 15px; }
}

/* ============================================================
   البلوك المطوّر — العداد المباشر / النتيجة / الترجيح / الحالة
   ============================================================ */
.mtch-live-line[hidden],.mtch-score[hidden],.mtch-pen[hidden],
.mtch-statetext[hidden],.mtch-time[hidden]{display:none!important;}

/* سطر العداد المباشر: رقم + نص (معرّفان منفصلان للحجم) */
.mtch-live-line{display:flex;align-items:center;justify-content:center;gap:6px;direction:ltr;}
.mtch-minute{color:#8B95A1;font-weight:500;font-size:16px;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;}
.mtch-phase{color:#8B95A1;font-weight:500;font-size:13px;}

/* النتيجة بصيغة 3 - 2 — تتبع اتجاه الصفحة ليطابق ترتيب الفريقين
   (team1/home أولًا، فيظهر رقمه جهة فريقه في العربية والإنجليزية) */
.mtch-score{display:flex;align-items:center;justify-content:center;gap:8px;}
.mtch-sep{opacity:.7;}

/* سطر ركلات الترجيح: رقم Penalty رقم — يتبع اتجاه الصفحة أيضًا */
.mtch-pen{display:flex;align-items:center;justify-content:center;gap:5px;
  font-size:14px;color:#8B95A1;margin-top:1px;}
.mtch-pen-label{font-weight:500;opacity:.85;}
.mtch-pen-s{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;}

/* الحالة النصية (تأجلت/أُلغيت) بلون «انتهت» */
.mtch-statetext{color:#7C8199;font-weight:500;font-size:16px;}

/* ============================================================
   صف تبويبات صفحة المباراة (معرّف مستقل mtch-tabs)
   ============================================================ */
.mtch-tabs{overflow:hidden;margin-top:3px;}

/* شريط الأزرار — 100% عرض، سكرول أفقي بالموبايل */
.mtch-tabs-nav{display:flex;overflow-x:auto;
  scrollbar-width:thin;-webkit-overflow-scrolling:touch;background: #151a20;border-radius: 7px;border-right: 3px solid #9aa0b4;border-left: 3px solid #9aa0b4;border-top: 1px solid rgba(38, 46, 58, .5);box-shadow: 0 0 8px rgba(154,160,180,.3);box-sizing: border-box;}
.mtch-tab-btn{flex:1 0 auto;min-width:80px;padding:14px 6px;background:none;border:none;
  color:#8B95A1;font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;
  border-bottom:1px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap;
  position:relative;}
/* خط رأسي شفاف فاصل بين الأزرار */
.mtch-tab-btn + .mtch-tab-btn::before{content:"";position:absolute;inset-inline-start:0;
  top:50%;transform:translateY(-50%);height:40px;width:0.8px;background:rgba(139,149,161,.25);}
.mtch-tab-btn:hover{background:rgba(244,183,64,.08);}
.mtch-tab-btn.mtch-tab-active{border-bottom-color:#9aa0b4;background:rgba(244,183,64,.08);}

/* المحتوى — خلفية موحّدة مع الأزرار */
.mtch-tabs-body{padding:0px 0px 5px 0px;margin-top:12px;border-radius: 10px;background-color: #151a20;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.02) inset,0 12px 34px -20px rgba(0,0,0,.75);}
.mtch-tabs-body {border-bottom: 3px solid var(--s);}
.mtch-tabs-body {border-color: color-mix(in srgb, var(--s) 48%, transparent);color: var(--s);}
.mtch-panel{display:none;}
.mtch-panel.mtch-panel-active{display:block;}

/* بلوك البيانات غير المتوفرة */
.mtch-nodata{text-align:center;padding:90px 20px;color:#7C8199;font-size:15px;border-radius:8px;}

/* الإحصائيات */
/* شعار+اسم النادي (رؤوس التشكيل/الإحصائيات) */
.mtch-team-brand{display:inline-flex;align-items:center;gap:8px;min-width:0;}
.mtch-team-logo{width:26px;height:26px;object-fit:contain;flex:none;}
.mtch-team-nm{font-weight:700;color:#E7E9F2;font-size:13.5px;unicode-bidi:plaintext;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* الإحصائيات — تتبع اتجاه الصفحة (home يمين في العربي) */
.mtch-stats-head{display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:10px 15px;border-bottom:1px solid #262E3A;margin-bottom:6px;background: rgba(124,129,153,.12);}
.mtch-stat-team-nm{font-weight:500;color:#8B95A1;font-size:14.5px;unicode-bidi:plaintext;}
.mtch-stat-row{display:flex;align-items:center;gap:10px;padding:10px 7px;
  border-bottom:1px solid rgba(38,46,58,.5);}
.mtch-stat-row:last-child{border-bottom:none;}
.mtch-stat-v{flex:0 0 46px;text-align:center;color:#8B95A1;font-weight:500;
  font-variant-numeric:tabular-nums;}
.mtch-stat-label{flex:1;text-align:center;color:#8B95A1;font-size:14px;}

/* التشكيل — يتبع اتجاه الصفحة (يبدأ يمين في العربي) */
.mtch-lineups{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.mtch-lineup-head{display:flex;align-items:center;
  margin-bottom:6px;padding:10px 15px;border-bottom:1px solid #262E3A;background: rgba(124, 129, 153, .12);}
.mtch-lineup-brand .mtch-team-logo{width:25px;height:25px;}
.mtch-lineup-brand .mtch-team-nm{font-size:14.5px;font-weight:500;;color:#8B95A1;}
.mtch-lineup-list{list-style:none;margin:0;padding:0 15px;}
.mtch-lineup-list li{display:flex;align-items:center;gap:8px;padding:6px 0;color:#8B95A1;font-size:15px;}
.mtch-pl-num{flex:0 0 24px;text-align:center;color:#8B95A1;font-weight:500;font-size:15px;}
.mtch-pl-name{flex:1;unicode-bidi:plaintext;}
.mtch-pl-pos{color:#c9a84b;font-size:15px;}
/* عنوان البدلاء — بخط فاصل وأكبر */
.mtch-subs-label{margin-top:13px;padding:7px 15px;border-top:1px solid #262E3A;
  color:#8B95A1;font-size:14.5px;font-weight:500;margin-bottom:6px;border-bottom:1px solid #262E3A;}
.mtch-coach{margin-top:13px;margin-bottom:10px;color:#7C8199;font-size:14.5px;font-weight:500;}
.mtch-coach-nm{unicode-bidi:plaintext;color:#8B95A1;}
.mtch-coach{padding:7px 15px;border-top:1px solid #262E3A;border-bottom:1px solid #262E3A;}
@media(max-width:600px){.mtch-lineups{grid-template-columns:1fr;}
.mtch-lineup-brand .mtch-team-logo{width:24px;height:24px;}
}

/* الأحداث */
.mtch-events{list-style:none;margin:0;padding:5px 15px;}
.mtch-event{display:flex;align-items:center;gap:10px;padding:8px 0;
  border-bottom:1px solid rgba(38,46,58,.5);}
.mtch-event:last-child{border-bottom:none;}
.mtch-ev-min{flex:0 0 44px;color:#8B95A1;font-weight:500;font-size:15px;
  font-variant-numeric:tabular-nums;text-align:center;direction:ltr;unicode-bidi:isolate;}
.mtch-ev-icon{flex:0 0 24px;text-align:center;}
.mtch-ev-text{flex:0 1 auto;display:flex;flex-direction:column;gap:2px;text-align:start;min-width:0;}
.mtch-ev-player{color:#8B95A1;font-size:15px;font-weight:500;unicode-bidi:plaintext;}
.mtch-ev-detail{color:#7C8199;font-size:12px;}
/* شعار نادي اللاعب صاحب الحدث — يُدفع لأقصى الطرف المقابل للنص */
.mtch-ev-team{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;
  max-width:70px;margin-inline-start:auto;}
.mtch-ev-team-logo{width:26px;height:26px;object-fit:contain;}
.mtch-ev-team-nm{color:#7C8199;font-size:10.5px;text-align:center;
  unicode-bidi:plaintext;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px;}

@media (max-width:768px){
  .mtch-tab-btn {font-size:14px;}
  .mtch-statetext {font-size:15px;}
  .mtch-phase {font-size:13px;}
  .mtch-minute {font-size:15px;}
}

@media (max-width:600px){
  .mtch-tab-btn {padding:13px 6px;font-size:13.5px;min-width:40px;}
  .mtch-stat-team-nm {font-size:14px;}
  .mtch-stat-label{font-size:13px;}
  .mtch-lineup-brand .mtch-team-nm{font-size:14px;}
  .mtch-ev-player{font-size:14.5px;}
  .mtch-lineup-list li{font-size:14.5px;}
  .mtch-pl-pos{font-size:14.5px;}
  .mtch-stat-v{font-size:14.5px;}
  .mtch-tabs-body{margin-top:13px;}
  .mtch-statetext {font-size:14px;}
  .mtch-phase {font-size:12px;}
  .mtch-minute {font-size:14px;}
  .mtch-pen {font-size:13px;}
  .mtch-pen-s {font-size:14px;}
}

@media(max-width:480px){
  .mtch-ev-team-nm{display:none;}
  .mtch-stats-head {padding:8px 15px;}
  .mtch-lineup-head {padding:8px 15px;}
}

@media (max-width:360px){
  .mtch-tab-btn {padding:11px 4px;font-size:12.5px;}
  .mtch-stat-label{font-size:12.5px;}
  .mtch-ev-player{font-size:14px;}
  .mtch-ev-min{font-size:14px;}
  .mtch-lineup-list li{font-size:14px;}
  .mtch-pl-pos{font-size:14px;}
  .mtch-pl-num{font-size:14px;}
  .mtch-stat-v{font-size:14px;}
  .mtch-statetext {font-size:13px;}
  .mtch-phase {font-size:11px;}
  .mtch-minute {font-size:13px;}
  .mtch-pen {font-size:12px;}
  .mtch-pen-s {font-size:13px;}
}

/* ============================================================
   هيدر جدول المباريات — شريط أيام (بدون أسهم، المختار في المنتصف)
   ============================================================ */
.mtch-wrap{width:100%;}
.mtch-header{display:flex;align-items:stretch;width:100%;margin-bottom:17px;
  overflow:hidden;position:relative;background: linear-gradient(180deg, #161B22 0%, #151a20 100%);border-radius: 8px;border-right: 3px solid #9aa0b4;border-left: 3px solid #9aa0b4;box-shadow: 0 0 6px rgba(187, 151, 76, 0.2);box-sizing: border-box;}

/* الشريط: يوزّع البلوكات بالتساوي على العرض الكامل */
.mtch-days-strip{flex:1 1 auto;display:flex;}

/* خلية اليوم */
.mtch-day-cell{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:7px;padding:9px 5px 10px 5px;background:none;border:none;
  border-inline-start:1px solid #262E3A;color:#8B95A1;cursor:pointer;
  transition:background .15s,color .15s;font-family:inherit;position:relative;}
.mtch-day-cell:first-child{border-inline-start:none;}
.mtch-day-cell:hover{background:rgba(244,183,64,.08);}

/* الترتيب الرأسي: الشهر فوق، الرقم في المنتصف، اليوم تحت — بمسافات متناسقة */
.mtch-day-mon{font-size:11.5px;color:#7C8199;white-space:nowrap;line-height:1;}
.mtch-day-num{font-size:20px;font-weight:800;line-height:1;color:#8B95A1;
  font-variant-numeric:tabular-nums;}
.mtch-day-name{font-size:12px;font-weight:500;white-space:nowrap;line-height:1;}

/* أيقونة التقويم على اليوم المختار (أعلى، جهة البداية) */
.mtch-day-cal{position:absolute;top:6px;inset-inline-end:8px;color:#c9a84b;
  display:flex;line-height:0;opacity:.9;}

/* اليوم المختار */
.mtch-day-cell.is-selected{background:rgba(244,183,64,.08);}
.mtch-day-cell.is-selected .mtch-day-name,
.mtch-day-cell.is-selected .mtch-day-num,
.mtch-day-cell.is-selected .mtch-day-mon{color:#8B95A1;}

/* اليوم الحالي — علامة سفلية */
.mtch-day-cell.is-today{position:relative;}
.mtch-day-cell.is-today::after{content:"";position:absolute;bottom:0;inset-inline:0%;
  height:0.6px;border-radius:3px 3px 0 0;background:#c9a84b;}

/* بانل التقويم المخصص (الحاسب) — overlay في منتصف الشاشة */
.mtch-cal-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.55);
  display:flex;align-items:center;justify-content:center;padding:20px;}
.mtch-cal-pop{background:#161B22;border:1px solid #262E3A;border-radius:12px;padding:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.5);width:320px;max-width:100%;}
.mtch-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.mtch-cal-title{color:#E7E9F2;font-weight:700;font-size:16px;}
.mtch-cal-nav{background:rgba(124,129,153,.12);border:1px solid #262E3A;color:#8B95A1;
  width:32px;height:32px;border-radius:7px;cursor:pointer;font-size:18px;line-height:1;}
.mtch-cal-nav:hover{color:#F4B740;}
.mtch-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.mtch-cal-dow{text-align:center;color:#7C8199;font-size:11px;font-weight:600;padding:4px 0;}
.mtch-cal-day{background:none;border:none;color:#C7CBD6;cursor:pointer;padding:10px 0;
  border-radius:6px;font-size:14px;transition:background .12s;}
.mtch-cal-day:hover{background:rgba(244,183,64,.15);color:#F4B740;}
.mtch-cal-day.today{color:#F4B740;font-weight:700;}
.mtch-cal-day.sel{background:#F4B740;color:#0D1117;font-weight:700;}

/* input الأصلي (الجوال) — مخفي بصريًا، يُستدعى عند فتح تقويم الهاتف */
.mtch-cal-input{position:absolute;inset-inline-start:50%;top:50%;width:1px;height:1px;
  opacity:0;border:0;padding:0;margin:0;pointer-events:none;}

/* تناسق أحجام الخط عبر الشاشات (عدد البلوكات يُدار من JS) */
@media(max-width:1024px){
  .mtch-day-num{font-size:19px;}
}
@media(max-width:640px){
  .mtch-day-cell{padding:8px 5px 9px 5px;gap:6px;}
  .mtch-day-mon{font-size:11px;}
  .mtch-day-num{font-size:18px;}
  .mtch-day-name{font-size:11.5px;}
  .mtch-cal-pop{width:290px;}
  .mtch-header {margin-bottom:15px;}
}

@media(max-width:360px){
  .mtch-day-cell{padding:7px 4px 8px 4px;gap:6px;}
}

/* إعلانات صفحات المباريات */
.mtch-ad{margin:10px 0;text-align:center;}
.mtch-ad:empty{display:none;}

/* ============================================================
   مؤشّر تحميل اليوم (يظهر أثناء جلب مباريات يوم آخر)
   ============================================================ */
.mtch-list{position:relative;}
.mtch-loading{
  position:absolute;inset:0;z-index:5;
  display:flex;align-items:flex-start;justify-content:center;
  padding-top:26px;pointer-events:none;
}
.mtch-loading[hidden]{display:none;}
.mtch-spinner{
  width:26px;height:26px;border-radius:50%;
  border:2.5px solid rgba(150,150,150,.25);
  border-top-color:var(--hp-accent,#F4B740);
  animation:mtch-spin .7s linear infinite;
}
@keyframes mtch-spin{to{transform:rotate(360deg);}}
.mtch-cards{transition:opacity .15s;display: flex; flex-direction: column; gap: 10px;}
/* ارتفاع أدنى بسيط حتى لا يقفز الجدول أثناء التبديل */
.mtch-list{min-height:90px;}
.mtch-cards:empty { display: none; }

@media (max-width: 600px) {
.mtch-cards{gap: 8px;}
}