/*
 * dashboard.css — G11 global football dashboard + centers + premium footer.
 * Token-only (no hex). RTL, both modes, a11y.
 */
.gp-dash { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--50); }

/* بوابة رياضية لا مقالة: الداشبورد يحمل alignwide، لكن حاوية المحتوى نفسها ابنة
   لمجموعة مقيّدة بـcontentSize (880px) فتخنقه — نرفع سقف الحاوية إلى wideSize فقط
   حين تحتضن سطح بوابة (:has). توسيط FSE (margin auto) يبقى كما هو = آمن RTL/LTR،
   وتدهور رشيق: متصفح بلا :has يبقى على 880px. contentSize يبقى للمقالات. */
.entry-content:has(> .gp-dash),
.entry-content:has(> .gp-lc) { max-width: var(--wp--style--global--wide-size, 1320px); }

/* مقدّمة */
.gp-dash__intro { text-align: center; }
.gp-dash__title { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: var(--wp--preset--font-size--3xl); margin: 0 0 0.25rem; }
.gp-dash__lede { color: var(--wp--preset--color--muted); margin: 0 0 1rem; }
.gp-dash__nav { display: inline-flex; flex-wrap: wrap; gap: 0.5rem; }
.gp-dash__nav a { padding: 0.45rem 1.1rem; border-radius: 99px; border: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--bg-elevated); color: var(--wp--preset--color--text); text-decoration: none; font-weight: 700; }
.gp-dash__nav a:hover, .gp-dash__nav a:focus-visible { border-color: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent); }
/* Active/selected filter is clearly highlighted (filled), not just a quiet ghost chip. */
.gp-dash__nav a[aria-current], .gp-dash__nav a.is-active { background: var(--wp--preset--color--accent); border-color: var(--wp--preset--color--accent); color: var(--wp--preset--color--scoreboard); }

/* أقسام التاريخ */
.gp-dash__sec { display: flex; flex-direction: column; gap: 0.75rem; }
.gp-dash__h { display: flex; align-items: center; gap: 0.5rem; font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: var(--wp--preset--font-size--xl); margin: 0; padding-block-end: 0.4rem; border-block-end: 2px solid var(--wp--preset--color--accent); }
.gp-dash__live-dot { inline-size: 0.6rem; block-size: 0.6rem; border-radius: 50%; background: var(--wp--preset--color--accent); animation: gp-lc-pulse 1.4s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .gp-dash__live-dot { animation: none; } }
/* 240px (was 160) — the .gp-lc-card 3-column layout (team · score/date · team)
   needs room; 160px squeezed the away team outside the card on upcoming fixtures. */
.gp-dash__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 0.75rem; }
/* Featured club cards: crest above name, centered (wpautop-safe inline markup). */
.gp-card--team { display: flex; flex-direction: column; align-items: center; gap: 0.7rem; text-align: center; padding: var(--wp--preset--spacing--40); text-decoration: none; transition: border-color .15s ease, transform .15s ease; }
.gp-card--team:hover { border-color: var(--wp--preset--color--accent); transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) { .gp-card--team { transition: none; } .gp-card--team:hover { transform: none; } }
.gp-team-card__crest { inline-size: 56px; block-size: 56px; object-fit: contain; }
.gp-team-card__crest--ph { border-radius: 50%; background: radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--wp--preset--color--primary) 40%, transparent), var(--wp--preset--color--bg-deep)); }
.gp-team-card__name { font-weight: 700; color: var(--wp--preset--color--text); }

/* كتلة البطولة */
.gp-dash__comps { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--50); }
.gp-comp { background: var(--wp--preset--color--bg-elevated); border: 1px solid var(--wp--preset--color--border); border-radius: 16px; padding: var(--wp--preset--spacing--40); display: flex; flex-direction: column; gap: var(--wp--preset--spacing--40); }
.gp-comp__head { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; border-block-end: 1px solid var(--wp--preset--color--border); padding-block-end: 0.75rem; }
.gp-comp__name { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: var(--wp--preset--font-size--xl); margin: 0; }
.gp-comp__type { padding: 0.2rem 0.7rem; border-radius: 99px; background: var(--wp--preset--color--accent); color: var(--wp--preset--color--scoreboard); font-size: var(--wp--preset--font-size--small); font-weight: 700; }
.gp-comp__all { margin-inline-start: auto; color: var(--wp--preset--color--muted); text-decoration: none; font-size: var(--wp--preset--font-size--small); }
.gp-comp__all:hover { color: var(--wp--preset--color--accent); }
.gp-comp__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wp--preset--spacing--40); }
.gp-comp__col { min-inline-size: 0; }
/* جداول «ترتيب الدوريات»: أعمدة مرنة تملأ الصف — تمنع فجوة «جدولان + ثالث يتيم». */
.gp-comp__tables { grid-column: 1 / -1; display: grid; gap: var(--wp--preset--spacing--40); grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.gp-comp__ch { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--base); margin: 0 0 0.6rem; color: var(--wp--preset--color--accent); }
@media (max-width: 720px) { .gp-comp__grid { grid-template-columns: 1fr; } }

/* جدول الترتيب المصغّر (.gp-mst) + شارات الفورم (.gp-form) نُقلت إلى components.css
   العامّة (مكوّنات مشتركة بين الرئيسية/المراكز وصفحات الكيانات). */

/* صندوق «أبرز الهدافين» في الرئيسية: كان قائمة صفوف بعرض الصفحة كاملة — اسم أقصى
   اليمين ورقم أقصى اليسار وفراغ هائل بينهما. شبكة بطاقات مدمجة تعيد الكثافة الصحيحة
   لسطح بيانات (عمود واحد جوال → 2-3 أعمدة ديسكتوب). */
.gp-scorerbox { background: var(--wp--preset--color--bg-elevated); border: 1px solid var(--wp--preset--color--border); border-radius: 14px; padding: var(--wp--preset--spacing--40); }
.gp-scorerbox .gp-scl { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); column-gap: var(--wp--preset--spacing--50); row-gap: 0.35rem; }

/* بطاقات «أبرز البطولات»: روابط لا فقرات — بلا تسطير، وزن واضح، وسهم اتجاهي. */
.gp-dash .gp-card { text-decoration: none; color: var(--wp--preset--color--text); }
.gp-card--comp { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; font-family: var(--wp--preset--font-family--display); font-weight: 700; transition: border-color .15s ease; }
.gp-card--comp::after { content: '\2190'; color: var(--wp--preset--color--accent); font-weight: 800; }
html[dir='ltr'] .gp-card--comp::after { content: '\2192'; }
.gp-card--comp:hover, .gp-card--comp:focus-visible { border-color: var(--wp--preset--color--accent); }
@media (prefers-reduced-motion: reduce) { .gp-card--comp { transition: none; } }

/* قائمة الهدّافين */
.gp-scl { list-style: none; margin: 0; padding: 0; counter-reset: scl; display: flex; flex-direction: column; gap: 0.35rem; }
.gp-scl__row { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.35rem 0; border-block-end: 1px solid var(--wp--preset--color--border); }
.gp-scl__row::before { counter-increment: scl; content: counter(scl); inline-size: 1.4rem; text-align: center; color: var(--wp--preset--color--muted); font-variant-numeric: tabular-nums; }
.gp-scl__n { flex: 1; display: flex; flex-direction: column; }
.gp-scl__n a { color: var(--wp--preset--color--text); text-decoration: none; font-weight: 600; }
.gp-scl__n a:hover { color: var(--wp--preset--color--accent); }
.gp-scl__t { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }
.gp-scl__v { font-family: var(--wp--preset--font-family--display); font-weight: 800; color: var(--wp--preset--color--accent); }

/* مراكز (competitions/fixtures/results) */
.gp-center { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--40); }
.gp-center__day { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: var(--wp--preset--font-size--lg); margin: var(--wp--preset--spacing--40) 0 0.5rem; padding-block-end: 0.3rem; border-block-end: 1px solid var(--wp--preset--color--border); }
.gp-comps-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }
.gp-compcard { display: flex; flex-direction: column; gap: 0.3rem; background: var(--wp--preset--color--bg-elevated); border: 1px solid var(--wp--preset--color--border); border-radius: 14px; padding: var(--wp--preset--spacing--40); text-decoration: none; color: var(--wp--preset--color--text); }
.gp-compcard:hover { border-color: var(--wp--preset--color--accent); }
.gp-compcard__name { display: block; font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: var(--wp--preset--font-size--lg); }
.gp-compcard__meta { display: block; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }
