/* ==========================================================================
   sport.css — gazeteler.info.tr futbol/spor bölümü ortak stil dosyası
   Kural: TÜM arka fonlar beyaz, TÜM yazılar siyah. Vurgu için yalnızca
   kenarlık (border) ve ince gri tonlar kullanılır, renkli arka fon/yazı yok.
   ========================================================================== */

:root{
  --spor-bg:#ffffff;
  --spor-yazi:#000000;
  --spor-cizgi:#e2e8f0;
  --spor-cizgi-koyu:#cbd5e1;
  --spor-ikincil:#475467;   /* yalnızca alt bilgi / meta metinlerde, siyah değil ama nötr gri */
}

.spor-sayfa, .spor-sayfa body{
  background:var(--spor-bg);
  color:var(--spor-yazi);
}

/* ---- Genel kart / hero bileşenleri (lig ana sayfaları, hafta sayfaları) --- */
.ucl-hero{
  background:var(--spor-bg);
  color:var(--spor-yazi);
  border:1px solid var(--spor-cizgi);
  border-radius:14px;
  padding:22px 20px;
  margin:0 0 18px;
}
.ucl-hero h1{margin:0 0 6px;font-size:1.4rem;color:var(--spor-yazi)}
.ucl-hero p{margin:0;color:var(--spor-ikincil);font-size:.9rem}

/* ---- Maç kartları (hafta listesi içindeki tek maç satırı) ---- */
.mac-kart-ucl{
  display:block;
  background:var(--spor-bg);
  border:1px solid var(--spor-cizgi);
  border-left:3px solid var(--spor-yazi);
  border-radius:10px;
  padding:12px 16px;
  margin-bottom:10px;
  text-decoration:none;
  color:var(--spor-yazi);
}
.mac-kart-ucl:hover{border-color:var(--spor-yazi);box-shadow:0 2px 8px rgba(0,0,0,.1)}
.mac-ust{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--spor-ikincil);margin-bottom:6px}
.mac-takimlar{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.98rem;color:var(--spor-yazi)}
.mac-vs-ucl{color:var(--spor-ikincil);font-weight:600;font-size:.85rem;padding:0 10px}

/* ---- Hafta sekmeleri ---- */
.hafta-sekme{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.hafta-sekme a{
  padding:7px 14px;border-radius:99px;border:1px solid var(--spor-cizgi);
  text-decoration:none;color:var(--spor-yazi);font-size:.82rem;font-weight:600;background:var(--spor-bg);
}
.hafta-sekme a.aktif{background:var(--spor-yazi);color:var(--spor-bg);border-color:var(--spor-yazi)}

/* ---- Puan durumu tablosu ---- */
.ds-tablo-ucl{width:100%;border-collapse:collapse;font-size:.85rem;background:var(--spor-bg)}
.ds-tablo-ucl th,.ds-tablo-ucl td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--spor-cizgi);color:var(--spor-yazi)}
.ds-tablo-ucl th{background:var(--spor-bg);font-size:.72rem;color:var(--spor-ikincil);text-transform:uppercase;font-weight:700}
.ds-tablo-ucl td.takim-ad{text-align:left;font-weight:600;color:var(--spor-yazi)}
/* Bölge vurguları artık renkli arka fon yerine sol kenarlık ile gösterilir */
.ds-tablo-ucl tr.ust8{background:var(--spor-bg);border-left:3px solid var(--spor-yazi)}
.ds-tablo-ucl tr.playoff{background:var(--spor-bg);border-left:3px solid var(--spor-cizgi-koyu)}

/* ---- Maç öncesi/sonrası hikaye kutuları ---- */
.hikaye-kutu{background:var(--spor-bg);border:1px solid var(--spor-cizgi);border-radius:12px;padding:18px 20px;margin:14px 0;line-height:1.7;color:var(--spor-yazi)}
.hikaye-kutu h2{font-size:1.05rem;margin:0 0 10px;color:var(--spor-yazi)}
.hikaye-kutu p{color:var(--spor-yazi)}

/* ---- Takım fikstür sayfası — maç kartları (dsf-satir tarzı) ---- */
.mac-kart{background:var(--spor-bg);color:var(--spor-yazi);border-bottom:1px solid var(--spor-cizgi);padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}
.mac-kart .mac-takim{color:var(--spor-yazi)}
.mac-kart .mac-vs{color:var(--spor-ikincil)}
.mac-kart .mac-vs.mac-skor{color:var(--spor-yazi);font-weight:700}

/* ---- Lig/hafta hub sayfalarındaki genel liste satırı (dsf-satir) ---- */
.dsf-satir{background:var(--spor-bg);color:var(--spor-yazi);border:1px solid var(--spor-cizgi);border-radius:8px;padding:10px 14px;margin-bottom:8px}
.dsf-skor{color:var(--spor-yazi);font-weight:700}
.dsf-tarih{color:var(--spor-ikincil)}
.ds-takim-ad{color:var(--spor-yazi)}

/* ---- Genel breadcrumb / sayfa altlığı ---- */
.breadcrumb{color:var(--spor-ikincil);font-size:.82rem;margin-bottom:14px}
.breadcrumb a{color:var(--spor-yazi);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}