/* ============================================================
   نظام البطولات — الوضع الداكن (الأصل)
   فئات مستقلة تمامًا عن صفحات المباريات:
     dlhl-*  صفحة البطولة        dlhx-*  الشورت كود
   ألوان الوضع الفاتح في assets/light-mode.css تحت .dlh-light
   ============================================================ */

/* ---------- هيدر صفحة البطولة ---------- */
.dlhl-head{
  background:var(--hp-bg-2);
  border:1px solid var(--hp-border);
  border-radius:12px;
  padding:18px 20px;
  margin-bottom:16px;
}
.dlhl-head-main{display:flex;align-items:center;gap:16px;}
.dlhl-head-logo{width:64px;height:64px;object-fit:contain;flex:none;}
.dlhl-head-txt{display:flex;flex-direction:column;gap:8px;min-width:0;}
.dlhl-head-name{margin:0;font-size:1.35rem;font-weight:800;color:var(--hp-heading);line-height:1.3;}
.dlhl-seasons{
  align-self:flex-start;
  background:var(--hp-surface);color:var(--hp-text);
  border:1px solid var(--hp-border);border-radius:8px;
  padding:5px 10px;font-size:.85rem;font-family:inherit;cursor:pointer;
}
.dlhl-season-one{color:var(--hp-muted);font-size:.85rem;}
@media (max-width:600px){
  .dlhl-head-main{flex-direction:column;text-align:center;gap:10px;}
  .dlhl-head-txt{align-items:center;}
  .dlhl-seasons{align-self:center;}
  .dlhl-head-name{font-size:1.15rem;}
}

/* ---------- تبويبات صفحة البطولة ---------- */
.dlhl-tabs{margin:0;}
.dlhl-tabs-nav{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;}
.dlhl-tab-btn{
  flex:1 1 0;min-width:96px;
  background:var(--hp-bg-2);border:1px solid var(--hp-border);
  color:var(--hp-muted);border-radius:9px;
  padding:10px 12px;cursor:pointer;font-family:inherit;
  font-size:.9rem;font-weight:600;transition:all .18s;
}
.dlhl-tab-btn:hover{color:var(--hp-text);border-color:rgba(244,183,64,.35);}
.dlhl-tab-btn.dlhl-tab-on{
  background:var(--hp-surface);color:var(--hp-heading);
  border-color:var(--hp-accent);
}
.dlhl-panel{display:none;}
.dlhl-panel.dlhl-panel-on{display:block;}

/* ---------- بلوك «لا بيانات» ---------- */
.dlhl-nodata{
  text-align:center;color:var(--hp-muted);
  padding:34px 16px;background:var(--hp-bg-2);
  border:1px solid var(--hp-border);border-radius:12px;
}

/* ---------- جدول الترتيب ---------- */
.dlhl-grp{margin-bottom:22px;}
.dlhl-grp:last-of-type{margin-bottom:0;}
.dlhl-grp-title{
  background:var(--hp-surface);
  border:1px solid var(--hp-border);
  border-bottom:0;
  border-radius:10px 10px 0 0;
  padding:11px 14px;
  font-weight:700;color:var(--hp-accent);font-size:.92rem;
}
.dlhl-tbl-wrap{
  overflow-x:auto;
  border:1px solid var(--hp-border);
  border-radius:10px;
}
.dlhl-grp-title + .dlhl-tbl-wrap{border-radius:0 0 10px 10px;}
.dlhl-tbl{width:100%;border-collapse:collapse;font-size:.9rem;}
.dlhl-tbl th,.dlhl-tbl td{
  padding:10px 8px;
  border-bottom:1px solid var(--hp-border);
  /* فاصل رأسي خفيف بين الأعمدة */
  border-inline-end:1px solid rgba(255,255,255,.045);
}
.dlhl-tbl th:last-child,.dlhl-tbl td:last-child{border-inline-end:0;}
.dlhl-tbl tbody tr:last-child td{border-bottom:0;}
.dlhl-tbl th{
  color:var(--hp-muted);font-weight:600;font-size:.78rem;
  background:var(--hp-bg-2);white-space:nowrap;text-align:center;
}
.dlhl-tbl th.dlhl-c-team{text-align:start;}
.dlhl-tbl tbody tr:hover{background:rgba(255,255,255,.02);}

.dlhl-c-rank{width:46px;text-align:center;color:var(--hp-muted);font-size:.85rem;}
.dlhl-c-n{width:62px;text-align:center;}
.dlhl-c-pts{font-weight:800;color:var(--hp-heading);}
.dlhl-c-team{text-align:start;min-width:200px;}

/* صف النادي: شبكة ثابتة → لوجو وأسماء متناسقة تمامًا */
.dlhl-team{display:flex;align-items:center;gap:10px;min-width:0;}
.dlhl-t-logo{
  flex:none;width:24px;height:24px;
  display:flex;align-items:center;justify-content:center;
}
.dlhl-t-logo img{width:100%;height:100%;object-fit:contain;display:block;}
.dlhl-t-nm{
  color:var(--hp-heading);font-weight:600;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
}
.dlhl-live-sc{
  flex:none;margin-inline-start:6px;padding:1px 7px;
  border-radius:5px;font-size:.76rem;font-weight:700;
  background:rgba(226,57,57,.15);color:#e23939;
}

/* ألوان الملاحظات (تُسنَد تلقائيًا حسب أوصاف المزوّد) */
.dlhl-row.dlhl-z0 .dlhl-c-rank{box-shadow:inset 3px 0 0 #57c26a;}
.dlhl-row.dlhl-z1 .dlhl-c-rank{box-shadow:inset 3px 0 0 #5b9de0;}
.dlhl-row.dlhl-z2 .dlhl-c-rank{box-shadow:inset 3px 0 0 #b48ae0;}
.dlhl-row.dlhl-z3 .dlhl-c-rank{box-shadow:inset 3px 0 0 #e5b13a;}
.dlhl-row.dlhl-z4 .dlhl-c-rank{box-shadow:inset 3px 0 0 #4fc4b0;}
.dlhl-row.dlhl-z5 .dlhl-c-rank{box-shadow:inset 3px 0 0 #9aa0b4;}
.dlhl-row.dlhl-z6 .dlhl-c-rank{box-shadow:inset 3px 0 0 #e0855b;}
.dlhl-row.dlhl-z7 .dlhl-c-rank{box-shadow:inset 3px 0 0 #e05555;}
[dir="rtl"] .dlhl-row.dlhl-z0 .dlhl-c-rank{box-shadow:inset -3px 0 0 #57c26a;}
[dir="rtl"] .dlhl-row.dlhl-z1 .dlhl-c-rank{box-shadow:inset -3px 0 0 #5b9de0;}
[dir="rtl"] .dlhl-row.dlhl-z2 .dlhl-c-rank{box-shadow:inset -3px 0 0 #b48ae0;}
[dir="rtl"] .dlhl-row.dlhl-z3 .dlhl-c-rank{box-shadow:inset -3px 0 0 #e5b13a;}
[dir="rtl"] .dlhl-row.dlhl-z4 .dlhl-c-rank{box-shadow:inset -3px 0 0 #4fc4b0;}
[dir="rtl"] .dlhl-row.dlhl-z5 .dlhl-c-rank{box-shadow:inset -3px 0 0 #9aa0b4;}
[dir="rtl"] .dlhl-row.dlhl-z6 .dlhl-c-rank{box-shadow:inset -3px 0 0 #e0855b;}
[dir="rtl"] .dlhl-row.dlhl-z7 .dlhl-c-rank{box-shadow:inset -3px 0 0 #e05555;}

/* مفتاح الملاحظات */
.dlhl-legend{
  list-style:none;margin:14px 0 0;padding:0;
  display:flex;flex-wrap:wrap;gap:8px 18px;
  font-size:.78rem;color:var(--hp-muted);
}
.dlhl-legend li{display:flex;align-items:center;gap:6px;}
.dlhl-legend i{width:12px;height:12px;border-radius:3px;display:inline-block;flex:none;}
.dlhl-legend i.dlhl-z0{background:#57c26a;}
.dlhl-legend i.dlhl-z1{background:#5b9de0;}
.dlhl-legend i.dlhl-z2{background:#b48ae0;}
.dlhl-legend i.dlhl-z3{background:#e5b13a;}
.dlhl-legend i.dlhl-z4{background:#4fc4b0;}
.dlhl-legend i.dlhl-z5{background:#9aa0b4;}
.dlhl-legend i.dlhl-z6{background:#e0855b;}
.dlhl-legend i.dlhl-z7{background:#e05555;}

@media (max-width:600px){
  .dlhl-tbl{font-size:.84rem;}
  .dlhl-tbl th,.dlhl-tbl td{padding:9px 6px;}
  .dlhl-c-team{min-width:150px;}
  .dlhl-c-n{width:48px;}
  .dlhl-t-logo{width:21px;height:21px;}
}

/* ---------- الإحصائيات ---------- */
.dlhl-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:760px){.dlhl-stats{grid-template-columns:1fr;}}

.dlhl-pl-box{
  background:var(--hp-bg-2);
  border:1px solid var(--hp-border);
  border-radius:12px;overflow:hidden;
}
.dlhl-pl-head{
  padding:11px 14px;font-weight:700;color:var(--hp-heading);
  background:var(--hp-surface);border-bottom:1px solid var(--hp-border);
  font-size:.92rem;
}
.dlhl-pl-list{list-style:none;margin:0;padding:0;}
.dlhl-pl-row{
  display:flex;align-items:center;gap:10px;
  padding:9px 14px;border-bottom:1px solid var(--hp-border);
}
.dlhl-pl-row:last-child{border-bottom:0;}
.dlhl-pl-rank{
  flex:none;width:26px;height:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--hp-border);color:var(--hp-muted);
  font-size:.76rem;font-weight:700;
}
.dlhl-pl-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.dlhl-pl-name{
  color:var(--hp-heading);font-weight:600;font-size:.9rem;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.dlhl-pl-sub{display:flex;align-items:center;gap:6px;color:var(--hp-muted);font-size:.75rem;}
.dlhl-pl-logo{width:16px;height:16px;object-fit:contain;}
.dlhl-pl-val{
  flex:none;font-weight:800;color:var(--hp-accent);font-size:1rem;min-width:28px;text-align:center;
}
.dlhl-pl-more{
  width:100%;background:none;border:0;border-top:1px solid var(--hp-border);
  color:var(--hp-accent);cursor:pointer;font-family:inherit;
  padding:11px;font-size:.85rem;font-weight:600;
}
.dlhl-pl-more:hover{background:rgba(244,183,64,.06);}

/* النافذة المنبثقة للقائمة الكاملة */
.dlhl-modal{
  position:fixed;inset:0;z-index:99999;
  background:rgba(0,0,0,.6);
  display:flex;align-items:center;justify-content:center;padding:18px;
}
.dlhl-modal[hidden]{display:none;}
.dlhl-modal-box{
  background:var(--hp-bg-2);border:1px solid var(--hp-border);
  border-radius:12px;width:460px;max-width:100%;
  max-height:82vh;display:flex;flex-direction:column;overflow:hidden;
}
.dlhl-modal-head{
  padding:12px 14px;font-weight:700;color:var(--hp-heading);
  background:var(--hp-surface);border-bottom:1px solid var(--hp-border);
  display:flex;align-items:center;gap:8px;
}
.dlhl-modal-x{
  margin-inline-start:auto;background:none;border:0;cursor:pointer;
  color:var(--hp-muted);font-size:1.5rem;line-height:1;padding:0 4px;
}
.dlhl-modal-x:hover{color:var(--hp-accent);}
.dlhl-pl-full{overflow-y:auto;}

/* ---------- المباريات: الجولات القابلة للطي ---------- */
.dlhl-rounds{display:flex;flex-direction:column;gap:10px;}
.dlhl-round{
  background:var(--hp-bg-2);
  border:1px solid var(--hp-border);
  border-radius:11px;overflow:hidden;
}
.dlhl-round-h{
  width:100%;display:flex;align-items:center;gap:10px;
  background:var(--hp-surface);border:0;cursor:pointer;font-family:inherit;
  padding:12px 14px;text-align:start;
  color:var(--hp-heading);font-size:.92rem;font-weight:700;
}
.dlhl-round-h:hover{color:var(--hp-accent);}
.dlhl-round-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.dlhl-round-c{
  flex:none;color:var(--hp-muted);font-size:.75rem;font-weight:600;
  border:1px solid var(--hp-border);border-radius:999px;padding:1px 8px;
}
.dlhl-round-ic{
  flex:none;position:relative;width:14px;height:14px;color:var(--hp-accent);
}
.dlhl-round-ic::before,.dlhl-round-ic::after{
  content:'';position:absolute;inset:0;margin:auto;
  background:currentColor;border-radius:2px;
}
.dlhl-round-ic::before{width:100%;height:2px;}
.dlhl-round-ic::after{width:2px;height:100%;transition:transform .2s,opacity .2s;}
.dlhl-round-on .dlhl-round-ic::after{transform:rotate(90deg);opacity:0;}
.dlhl-round-b{display:none;padding:12px;}
.dlhl-round-on .dlhl-round-b{display:block;}

/* مباريات البطولة: بلوكات الجدول نفسها */
.dlhl-matches{min-height:0;}
.dlhl-matches .mtch-cards{display:flex;flex-direction:column;gap:12px;}
.dlhl-m-item.dlhl-hid{display:none;}
.dlhl-more-btn{
  width:100%;margin-top:12px;
  background:var(--hp-bg-2);border:1px solid var(--hp-border);
  color:var(--hp-accent);border-radius:10px;cursor:pointer;font-family:inherit;
  padding:11px;font-size:.88rem;font-weight:600;
}
.dlhl-more-btn:hover{border-color:var(--hp-accent);}

/* ============================================================
   الشورت كود (بلوكات البطولات) — فئات مستقلة dlhx-
   ============================================================ */
.dlhx-tabs-nav{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;}
.dlhx-tab-btn{
  flex:1 1 0;min-width:120px;
  background:var(--hp-bg-2);border:1px solid var(--hp-border);
  color:var(--hp-muted);border-radius:9px;
  padding:10px 12px;cursor:pointer;font-family:inherit;
  font-size:.9rem;font-weight:600;transition:all .18s;
}
.dlhx-tab-btn:hover{color:var(--hp-text);border-color:rgba(244,183,64,.35);}
.dlhx-tab-btn.dlhx-tab-on{
  background:var(--hp-surface);color:var(--hp-heading);
  border-color:var(--hp-accent);
}
.dlhx-panel{display:none;}
.dlhx-panel.dlhx-panel-on{display:block;}

.dlhx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
@media (max-width:900px){.dlhx-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.dlhx-grid{grid-template-columns:1fr;}}
.dlhx-grid-one{grid-template-columns:1fr!important;}

.dlhx-card{
  display:flex;align-items:center;gap:12px;
  padding:12px 14px;text-decoration:none;
  background:var(--hp-bg-2);
  border:1px solid var(--hp-border);border-radius:10px;
  transition:border-color .2s,transform .15s;
}
.dlhx-card:hover{border-color:rgba(244,183,64,.45);transform:translateY(-1px);}
.dlhx-card-logo{
  flex:none;width:42px;height:42px;border-radius:8px;
  background:var(--hp-surface);
  display:flex;align-items:center;justify-content:center;
}
.dlhx-card-logo img{width:30px;height:30px;object-fit:contain;}
.dlhx-card-nm{
  color:var(--hp-heading);font-weight:700;font-size:.92rem;
  overflow:hidden;text-overflow:ellipsis;
}