/* ============================================================
 * بلوكات المباريات — ستايل معزول (بادئة 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:22px 24px;
  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:16px;
  border-bottom:1px solid var(--hp-border,#242A38);
}
.mtch-league{color:var(--hp-muted,#7C8199);font-size:.9rem;font-weight:600;}
.mtch-status{
  font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:999px;
  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(255,90,90,.14);border-color:rgba(255,90,90,.5);}
.mtch-status[data-s="live"]::before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
  background:#ff5a5a;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:12px;text-align:center;min-width:0;}
.mtch-logo{
  width:74px;height:74px;border-radius:50%;object-fit:contain;
  background:var(--hp-bg,#0E1016);border:1px solid var(--hp-border,#242A38);padding:6px;
}
.mtch-logo-ph{
  width:74px;height:74px;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:1.5rem;font-weight:800;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:1.35rem;font-weight:800;
}
.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-card{padding:18px 16px;}
  .mtch-logo,.mtch-logo-ph{width:56px;height:56px;}
  .mtch-name{font-size:.92rem;}
  .mtch-time{font-size:1.25rem;}
  .mtch-center{min-width:72px;}
}