/* LİG MERKEZİ (2026-10-17) — /lig/1-lig, /lig/2-lig. Satır, tablo ve başlık dili mac.css'ten; kutu/hap yok, bölgeler ince sol çizgi. */
.lg-say { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 16px 0 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.lg-say > div { padding: 10px 14px 10px 0; }
.lg-say > div + div { padding-left: 14px; border-left: 1px solid var(--line); }
.lg-say dt { font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-faint); }
.lg-say dd { margin: 2px 0 0; font-family: var(--display); font-size: 28px; font-weight: 900; letter-spacing: -.03em; font-variant-numeric: tabular-nums; color: var(--ink); }
.lg-say .is-canli dd { color: var(--accent); }

/* satır: bağlantısız (maç sayfası henüz açılmamış) maçlar da aynı ızgarada */
.mc-satirlar .lg-sat { display: grid; grid-template-columns: 52px minmax(0, 1fr) 64px minmax(0, 1fr) 128px; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); }
.lg-hafta a, .lg-hafta .lg-sat { grid-template-columns: 74px minmax(0, 1fr) 64px minmax(0, 1fr) 110px; }
.mc-s-saat small { display: block; font-size: 11px; font-weight: 700; color: var(--ink-faint); }

/* puan tablosu: bölge = ilk hücrede ince renkli çizgi */
.lg-tablo th[scope=row] { text-align: left; }
.lg-tablo td:first-child { width: 34px; font-weight: 800; }
.lg-tablo .mc-ok { width: 36px; font-size: 12px; font-weight: 900; }
.lg-tablo .mc-tk { gap: 7px; }
.lg-tablo .mc-tk .mc-nokta { width: 7px; height: 7px; margin-left: 2px; }
.lg-tablo tr.is-z10 td:first-child { box-shadow: inset 3px 0 0 #15803d; }
.lg-tablo tr.is-z11 td:first-child { box-shadow: inset 3px 0 0 #1d4ed8; }
.lg-tablo tr.is-z15 td:first-child { box-shadow: inset 3px 0 0 #b91c1c; }
.lg-tablo tr.is-z16 td:first-child { box-shadow: inset 3px 0 0 #d97706; }
.lg-tablo tr.is-z20 td:first-child { box-shadow: inset 3px 0 0 #1d4ed8; }
.lg-tablo tr.is-z21 td:first-child { box-shadow: inset 3px 0 0 #60a5fa; }
.lg-tablo tr.is-z25 td:first-child { box-shadow: inset 3px 0 0 #ea580c; }
.lg-tablo tr.is-z191 td:first-child { box-shadow: inset 3px 0 0 #16a34a; }
.lg-tablo tr.is-oyn th, .lg-tablo tr.is-oyn td { font-weight: 800; }
.lg-tablo .lg-form { white-space: nowrap; }
.lg-bolge { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 10px 0 0; padding: 0; list-style: none; font-size: 12.5px; color: var(--ink-soft); }
.lg-bolge li { display: inline-flex; align-items: center; gap: 7px; }
.lg-bolge li::before { content: ""; width: 14px; height: 3px; background: currentColor; }
.lg-bolge .is-z10::before { background: #15803d; } .lg-bolge .is-z11::before { background: #1d4ed8; } .lg-bolge .is-z15::before { background: #b91c1c; }
.lg-bolge .is-z16::before { background: #d97706; } .lg-bolge .is-z20::before { background: #1d4ed8; } .lg-bolge .is-z21::before { background: #60a5fa; } .lg-bolge .is-z25::before { background: #ea580c; } .lg-bolge .is-z191::before { background: #16a34a; }

/* iki grup yan yana (geniş ekranda): hafta satırında durum sütunu daralır, takım adlarına yer kalır */
.lg-iki { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 36px; }
.lg-iki .lg-hafta a, .lg-iki .lg-hafta .lg-sat { grid-template-columns: 58px minmax(0, 1fr) 48px minmax(0, 1fr) 62px; gap: 8px; }
.lg-iki .lg-hafta .mc-s-takim { font-size: 14px; }
.lg-iki .lg-hafta .mc-s-durum { font-size: 11px; }
.lg-iki .lg-tablo.is-dar .lg-g { display: none; }

/* geçen hafta: bağlantısız satır */
.mc-mini .lg-mini { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--line); font-size: 13.5px; }
.mc-mini .lg-mini span:first-child { text-align: right; }
.mc-mini .lg-mini span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* lig istatistikleri */
.lg-sonuc { margin: 4px 0 16px; }
.lg-sonuc-c { display: flex; height: 12px; gap: 2px; }
.lg-sonuc-c i { display: block; height: 100%; }
.lg-sonuc i.is-ev, .lg-sonuc-l i.is-ev { background: var(--ink); }
.lg-sonuc i.is-x, .lg-sonuc-l i.is-x { background: #9ca3af; }
.lg-sonuc i.is-dep, .lg-sonuc-l i.is-dep { background: var(--accent); }
.lg-sonuc-l { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 8px; font-size: 13px; color: var(--ink-soft); }
.lg-sonuc-l span { display: inline-flex; align-items: center; gap: 7px; }
.lg-sonuc-l i { width: 10px; height: 10px; }
.lg-sonuc-l b { color: var(--ink); font-variant-numeric: tabular-nums; }
.lg-lider { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; margin: 0; }
.lg-lider > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line); }
.lg-lider dt { font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-faint); }
.lg-lider dd { display: inline-flex; align-items: center; gap: 8px; min-width: 0; margin: 0; font-weight: 800; }
.lg-lider dd span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-lider dd b { font-variant-numeric: tabular-nums; color: var(--ink-soft); font-weight: 700; white-space: nowrap; }

@media (max-width: 1100px) { .lg-iki { grid-template-columns: minmax(0, 1fr); } .lg-iki .lg-tablo.is-dar .lg-g { display: table-cell; } .lg-iki .lg-hafta a, .lg-iki .lg-hafta .lg-sat { grid-template-columns: 74px minmax(0, 1fr) 64px minmax(0, 1fr) 110px; gap: 10px; } }
@media (max-width: 600px) {
    .mc-satirlar .lg-sat { grid-template-columns: 40px minmax(0, 1fr) 46px minmax(0, 1fr); row-gap: 2px; }
    .lg-hafta a, .lg-hafta .lg-sat { grid-template-columns: 52px minmax(0, 1fr) 46px minmax(0, 1fr); }
    .lg-say { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lg-say > div:nth-child(3) { padding-left: 0; border-left: 0; }
    .lg-say > div:nth-child(n+3) { border-top: 1px solid var(--line); }
    .lg-say dd { font-size: 24px; }
    .lg-lider { grid-template-columns: minmax(0, 1fr); }
    .lg-tablo .lg-form { display: none; }
    .lg-tablo .lg-g { display: none; }
}
.lg-h1 { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; }
.lg-logo { display: inline-grid; place-items: center; flex: none; width: 52px; height: 52px; }
.lg-logo img { width: 44px; height: 44px; object-fit: contain; }
.lg-logo.is-koyu { background: #0f1b30; }
@media (max-width: 600px) { .lg-logo { width: 40px; height: 40px; } .lg-logo img { width: 32px; height: 32px; } }