/* ==========================================================================
   lig-tablo-v2.css — Referans görseldeki (Süper Lig Veri Merkezi tarzı)
   kalitede puan durumu tablosu. Tüm ligler (Süper Lig'den Nesine 3. Lig'e)
   bu TEK bileşeni kullanır — sınıf öneki "lt-" (lig-tablo).
   ========================================================================== */

.lt-kart{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 1px 3px rgba(16,24,40,.06);
}
.lt-tablo-saricI,.lt-tablo-sarici{overflow-x:auto}

table.lt-tablo{
  width:100%;
  border-collapse:collapse;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  min-width:640px;
}
.lt-tablo thead th{
  padding:12px 10px;
  font-size:.72rem;
  font-weight:700;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.03em;
  text-align:center;
  border-bottom:2px solid #eef1f5;
  white-space:nowrap;
}
.lt-tablo thead th.lt-th-sira,
.lt-tablo thead th.lt-th-takim{text-align:left}

.lt-tablo tbody tr{border-bottom:1px solid #f1f4f8}
.lt-tablo tbody tr:last-child{border-bottom:none}
.lt-tablo tbody tr:nth-child(even){background:#fafbfc}
.lt-tablo tbody tr:hover{background:#f4f7fd}

.lt-tablo tbody tr.lt-zon-sampiyon{border-left:3px solid #16a34a}
.lt-tablo tbody tr.lt-zon-avrupa{border-left:3px solid #2563eb}
.lt-tablo tbody tr.lt-zon-play-off{border-left:3px solid #d97706}
.lt-tablo tbody tr.lt-zon-dusme{background:#fef2f2;border-left:3px solid #dc2626}
.lt-tablo tbody tr.lt-zon-dusme:nth-child(even){background:#fdeaea}
.lt-tablo tbody tr.lt-vurgu{background:rgba(29,78,216,.07) !important;font-weight:700}

.lt-tablo td{padding:10px;font-size:.86rem;color:#1e293b;text-align:center;vertical-align:middle}

.lt-td-sira{
  display:flex;align-items:center;gap:7px;
  padding-left:14px !important;
  text-align:left;
}
.lt-sira-no{
  min-width:20px;font-weight:700;color:#334155;font-size:.86rem;
}
.lt-sira-rozet{
  display:inline-flex;align-items:center;justify-content:center;
  width:19px;height:19px;border-radius:50%;
  font-size:.62rem;font-weight:800;color:#fff;
  flex-shrink:0;
}
.lt-rozet-sampiyon{background:#16a34a}
.lt-rozet-avrupa{background:#2563eb}
.lt-rozet-playoff{background:#d97706}
.lt-rozet-dusme{background:#dc2626}

.lt-td-takim{text-align:left !important;padding-left:2px !important}
.lt-takim-link{
  display:flex;align-items:center;gap:9px;
  text-decoration:none;color:#0f172a;font-weight:700;font-size:.9rem;
}
.lt-takim-link:hover{color:#1d4ed8}
.lt-krest{
  width:26px;height:26px;border-radius:50%;
  object-fit:contain;background:#f1f5f9;
  flex-shrink:0;
}

.lt-td-av{font-variant-numeric:tabular-nums;color:#475569}
.lt-av-pozitif{color:#16a34a;font-weight:600}
.lt-av-negatif{color:#dc2626;font-weight:600}

.lt-td-puan{font-weight:800;font-size:1rem;color:#0f172a}

.lt-td-form{padding-left:12px !important;padding-right:12px !important}
.lt-form-liste{display:flex;gap:4px;justify-content:center}
.lt-form-rozet{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;border-radius:6px;
  font-size:.62rem;font-weight:800;color:#fff;
}
.lt-form-g{background:#16a34a}
.lt-form-b{background:#d97706}
.lt-form-m{background:#dc2626}

.lt-lejant{
  display:flex;flex-wrap:wrap;gap:14px;
  padding:12px 16px;
  border-top:1px solid #eef1f5;
  font-size:.72rem;color:#64748b;
}
.lt-lejant span{display:flex;align-items:center;gap:6px}
.lt-lejant i{width:10px;height:10px;border-radius:3px;display:inline-block}

@media (max-width:640px){
  .lt-tablo td,.lt-tablo th{padding:8px 6px;font-size:.78rem}
  .lt-krest{width:22px;height:22px}
  .lt-takim-link{font-size:.82rem;gap:6px}
  .lt-form-rozet{width:17px;height:17px;font-size:.56rem}
  table.lt-tablo{min-width:0}
  /* Dar ekranda O/B sütunlarını gizle — G/M/Av/P zaten aynı bilgiyi taşır,
     kaydırma zorunluluğu olmadan tüm tablo tek ekrana sığar. */
  .lt-col-o,.lt-col-b{display:none}
}
@media (max-width:400px){
  /* Çok dar ekranda Form sütununu da gizle, geri kalanı rahat sığsın. */
  .lt-col-form{display:none}
  .lt-tablo td,.lt-tablo th{padding:7px 4px;font-size:.74rem}
}

/* ==========================================================================
   Güncel Karne kutusu — 6 istatistik, responsive grid
   ========================================================================== */
.stat-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;text-align:center;
}
.stat-num{font-size:1.3rem;font-weight:800}
.stat-lbl{font-size:.7rem;color:var(--muted,#64748b)}

@media (max-width:560px){
  .stat-grid{grid-template-columns:repeat(3,1fr);gap:14px 8px}
}
@media (max-width:360px){
  .stat-num{font-size:1.1rem}
  .stat-lbl{font-size:.62rem}
}

/* ==========================================================================
   Hafta gezinme çubuğu (Önceki/Sonraki Hafta) — dar ekranda alt alta
   ========================================================================== */
.hafta-nav{flex-wrap:wrap;gap:8px;row-gap:6px}
@media (max-width:480px){
  .hafta-nav{justify-content:center !important;text-align:center}
  .hafta-nav .simdiki{order:-1;flex-basis:100%;font-weight:700}
}

/* ==========================================================================
   Sayfa girişi özet çubuğu (Oynanan/Puan/Sıra)
   ========================================================================== */
.giris-ozet{flex-wrap:wrap}
@media (max-width:480px){
  .giris-ozet{gap:8px}
  .giris-ozet div{flex:1 1 calc(33% - 8px);min-width:0}
}