/* ============================================================
   statis.css — lapisan untuk halaman statis

   site.css adalah CSS ASLI lssbo.com, diekstrak harfiah dan
   TIDAK diubah. File ini dimuat SESUDAHNYA dan hanya menambah
   apa yang kurang:

     1. <main> di CSS asli adalah grid 3 kolom (240px 1fr 300px)
        untuk beranda lama yang punya dua sidebar. Halaman statis
        ini satu kolom, jadi tanpa penimpaan isinya terjepit di
        kolom 240px pertama.
     2. Kelas yang tidak ada di CSS asli: .page-hero, .breadcrumb,
        .subtitle, .stats-row, .standings-table, .table-wrap,
        .data-stamp, .quick-links-list.

   Semua nilai memakai variabel desain asli — tidak ada warna
   atau font baru yang diperkenalkan.
   ============================================================ */

/* --- 1. layout satu kolom --- */
main {
  display: block;
  max-width: 1040px;
  margin: 0 auto;
  padding: 1.5rem 2rem 4rem;
  position: relative;
  z-index: 2;
}

/* --- 2. kepala halaman --- */
.page-hero { margin-bottom: 1.5rem; }

.breadcrumb {
  font-family: 'JetBrains Mono', monospace;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--muted);
  margin-bottom: .6rem;
}
.breadcrumb a { color: var(--accent); text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

.page-hero h1 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(2rem, 5vw, 3.2rem);
  line-height: .95;
  letter-spacing: .01em;
  margin: 0 0 .4rem;
}
.page-hero h1 em {
  font-family: 'Fraunces', serif;
  font-style: italic;
  font-weight: 600;
  color: var(--accent);
}

.subtitle {
  font-family: 'JetBrains Mono', monospace;
  font-size: .78rem;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .1em;
  border-left: 3px solid var(--accent);
  padding-left: .8rem;
  margin: 0;
}

/* --- 3. baris ringkasan angka --- */
.stats-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 0;
  margin: 1.2rem 0 1.5rem;
  border: 2px solid var(--ink);
  background: var(--paper-2);
}
.stats-row > div {
  padding: .7rem .9rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--muted);
  border-right: 1px solid var(--border);
}
.stats-row > div:last-child { border-right: 0; }
.stats-row strong {
  display: block;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.7rem;
  letter-spacing: 0;
  color: var(--ink);
  line-height: 1;
  margin-bottom: .15rem;
}

/* --- 4. navigasi tanggal (di CSS asli ia bagian lebar penuh) --- */
.date-nav { margin: 0 0 1.5rem; border: 2px solid var(--ink); }
.date-list { display: flex; gap: .4rem; overflow-x: auto; }
.date-list::-webkit-scrollbar { display: none; }
.date-list { scrollbar-width: none; }
a.date-btn { text-decoration: none; display: inline-block; white-space: nowrap; }

/* --- 5. blok liga --- */
.league-block { margin-bottom: 1.4rem; border: 2px solid var(--ink); }
.league-block .league-header { gap: .7rem; align-items: center; }
.league-block .league-header > div { flex: 1; display: flex; flex-direction: column; gap: .1rem; }
.league-logo { width: 20px; height: 20px; object-fit: contain; flex: 0 0 auto; }
.match-row:last-child { border-bottom: 0; }

/* --- 6. tabel klasemen (dipakai halaman /liga/, butuh paket berbayar) --- */
.table-wrap { overflow-x: auto; border: 2px solid var(--ink); margin-bottom: 1.4rem; }
.standings-table { width: 100%; border-collapse: collapse; font-size: .85rem; background: var(--paper); }
.standings-table thead th {
  background: var(--ink); color: var(--paper);
  font-family: 'JetBrains Mono', monospace;
  font-size: .66rem; text-transform: uppercase; letter-spacing: .1em;
  padding: .5rem .4rem; text-align: center; white-space: nowrap;
}
.standings-table thead th:nth-child(2) { text-align: left; }
.standings-table td { padding: .5rem .4rem; text-align: center; border-bottom: 1px solid var(--border); }
.standings-table td.klub { text-align: left; }
.standings-table td.klub a { display: flex; align-items: center; gap: .5rem; color: var(--ink); text-decoration: none; }
.standings-table td.klub a:hover { color: var(--accent); }
.standings-table td.pos { font-family: 'JetBrains Mono', monospace; color: var(--muted); width: 2.4rem; }
.standings-table td.poin { font-family: 'JetBrains Mono', monospace; }
.standings-table tbody tr:hover { background: var(--paper-2); }
.standings-table .team-logo { width: 18px; height: 18px; object-fit: contain; }
.group-title {
  font-family: 'Bebas Neue', sans-serif; font-size: 1.15rem;
  margin: 1.2rem 0 .5rem; letter-spacing: .02em;
}

/* --- 7. tautan cepat --- */
.quick-links-list {
  list-style: none; padding: 0; margin: 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .5rem;
}
.quick-links-list a {
  display: block; padding: .6rem .8rem;
  border: 1px solid var(--border); background: var(--paper-2);
  color: var(--ink); text-decoration: none; font-size: .85rem;
}
.quick-links-list a:hover { border-color: var(--accent); color: var(--accent); }
.quick-links-list small {
  display: block; color: var(--muted);
  font-family: 'JetBrains Mono', monospace; font-size: .64rem;
  text-transform: uppercase; letter-spacing: .1em;
}

/* --- 8. stempel kejujuran: kapan data ini diambil --- */
.data-stamp {
  margin-top: 2.5rem; padding-top: 1rem;
  border-top: 1px dashed var(--border);
  font-family: 'JetBrains Mono', monospace;
  font-size: .68rem; text-transform: uppercase; letter-spacing: .1em;
  color: var(--muted); text-align: center;
}

/* --- 9. bagian --- */
.standings-section, .fixtures-section, .results-section, .liga-lain { margin-bottom: 2rem; }
.liga-lain h2, .standings-section h2, .fixtures-section h2, .results-section h2 {
  font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem;
  letter-spacing: .02em; margin: 0 0 .8rem;
}
.match-list { border: 2px solid var(--ink); }

/* --- 10. layar kecil --- */
@media (max-width: 760px) {
  main { padding: 1rem 1rem 3rem; }
  .match-row { grid-template-columns: 52px 1fr 58px 1fr; padding: .7rem .5rem; font-size: .82rem; }
  .stats-row { grid-template-columns: repeat(2, 1fr); }
  .stats-row > div:nth-child(2n) { border-right: 0; }
  .page-hero h1 { font-size: 2rem; }
  .standings-table { font-size: .78rem; }
}