body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.4;
  margin:0;
  background:#020617;
  color:#cbd5e1;
}

/* Pagina-wrap */
.clubs-wrap{
  max-width:1280px;
  margin:0 auto 40px;
  padding:18px 16px 40px;
}

/* Kop */
.clubs-head{
  margin:8px 0 16px;
}

.clubs-title{
  margin:0 0 8px;
  font-size:1.65rem;
  font-weight:700;
  line-height:1.2;
  color:#f8fafc;
}

.clubs-title span{
  color:#22c55e;
  font-weight:600;
}

.clubs-notice{
  margin:0;
  padding:8px 12px;
  border-radius:10px;
  background:#111827;
  color:#e5e7eb;
  font-size:.9rem;
  border:1px dashed rgba(148,163,184,0.65);
}

/* Kaart rond tabel */
.clubs-table-card{
  margin-top:14px;
  background:rgba(15,23,42,0.96);
  border:1px solid rgba(148,163,184,0.22);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(15,23,42,0.9);
}

/* Tabel */
.clubs-table{
  width:100%;
  border-collapse:collapse;
}

.clubs-table th,
.clubs-table td{
  padding:10px 12px;
  border-bottom:1px solid rgba(148,163,184,0.14);
  text-align:center;
  font-size:.9rem;
}

.clubs-table th{
  background:rgba(15,23,42,0.99);
  color:#dbeafe;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.73rem;
  font-weight:700;
  white-space:nowrap;
}

.clubs-table th:first-child,
.clubs-table td:first-child{
  text-align:left;
}

.clubs-table tbody tr:nth-child(even){
  background:rgba(15,23,42,0.88);
}

.clubs-table tbody tr:hover{
  background:rgba(30,64,175,0.28);
}

/* Eerste kolom */
.club-name-cell{
  min-width:260px;
}

.club-link{
  color:#93c5fd;
  text-decoration:none;
  font-weight:500;
  transition:color .15s ease, text-shadow .15s ease;
}

.club-link:hover{
  color:#dbeafe;
  text-shadow:0 0 10px rgba(147,197,253,0.35);
}

/* Cijfers als badges */
.stat-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  padding:4px 10px;
  border-radius:999px;
  font-size:.8rem;
  font-weight:700;
  border:1px solid transparent;
}

/* Kleuren per competitie */
.stat-league{
  background:rgba(34,197,94,0.14);
  color:#bbf7d0;
  border-color:rgba(34,197,94,0.5);
}

.stat-beker{
  background:rgba(245,158,11,0.14);
  color:#fde68a;
  border-color:rgba(245,158,11,0.5);
}

.stat-friendly{
  background:rgba(59,130,246,0.14);
  color:#bfdbfe;
  border-color:rgba(59,130,246,0.5);
}

.stat-intertoto{
  background:rgba(168,85,247,0.14);
  color:#ddd6fe;
  border-color:rgba(168,85,247,0.5);
}

.stat-ec{
  background:rgba(244,114,182,0.14);
  color:#fbcfe8;
  border-color:rgba(244,114,182,0.5);
}

.stat-prom{
  background:rgba(148,163,184,0.16);
  color:#e2e8f0;
  border-color:rgba(148,163,184,0.45);
}

.stat-total{
  background:#f8fafc;
  color:#0f172a;
  border-color:#e2e8f0;
}

/* Samenvatting onderaan */
.clubs-summary{
  margin-top:14px;
  padding:10px 12px;
  border-radius:10px;
  background:#0f172a;
  border:1px solid rgba(148,163,184,0.22);
  color:#cbd5e1;
  font-size:.9rem;
  box-shadow:0 10px 24px rgba(15,23,42,0.75);
}

.clubs-summary strong{
  color:#f8fafc;
}

/* Mobiel */
@media (max-width: 980px){
  .clubs-wrap{
    padding:14px 10px 32px;
  }

  .clubs-title{
    font-size:1.35rem;
  }

  .clubs-table-card{
    overflow-x:auto;
  }

  .clubs-table{
    min-width:900px;
  }
}

/* Teruglink regel */
.clubs-backline{
  margin:10px 0 0;
}

.clubs-backlink{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#93c5fd;
  text-decoration:none;
  font-weight:600;
  transition:color .15s ease, text-shadow .15s ease;
}

.clubs-backlink:hover{
  color:#dbeafe;
  text-shadow:0 0 10px rgba(147,197,253,0.35);
}

/* Blok per competitie */
.club-cat-block{
  margin-top:22px;
}

.club-cat-title{
  margin:0 0 10px;
  font-size:1.05rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#f8fafc;
}

/* Resultatenpagina iets smallere tabelverdeling */
.clubs-table-results th,
.clubs-table-results td{
  padding:10px 12px;
}

/* Algemene badges voor uitslagenpagina */
.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  padding:4px 10px;
  border-radius:999px;
  font-size:.8rem;
  font-weight:700;
  border:1px solid transparent;
}

/* H/A badges */
.ha-h{
  background:rgba(22,163,74,0.16);
  color:#bbf7d0;
  border-color:rgba(22,163,74,0.75);
}

.ha-a{
  background:rgba(59,130,246,0.16);
  color:#bfdbfe;
  border-color:rgba(59,130,246,0.75);
}

/* W/D/L badges */
.wdl-w{
  background:#022c22;
  color:#4ade80;
  border-color:#16a34a;
}

.wdl-d{
  background:#1f2937;
  color:#facc15;
  border-color:#eab308;
}

.wdl-l{
  background:#450a0a;
  color:#fecaca;
  border-color:#ef4444;
}

.wdl-other{
  background:#334155;
  color:#e2e8f0;
  border-color:#64748b;
}

/* Stats onder competitieblok */
.clubs-summary-cat{
  margin-top:10px;
}

/* Voetnoot */
.clubs-footnote{
  margin:18px 0 0;
  font-size:.82rem;
  color:#94a3b8;
}

.clubs-legend{
  margin:12px 0 0;
  padding:8px 12px;
  border-radius:10px;
  background:#0f172a;
  border:1px solid rgba(148,163,184,0.22);
  color:#cbd5e1;
  font-size:.88rem;
  box-shadow:0 10px 24px rgba(15,23,42,0.75);
}

.clubs-legend-bottom{
  margin-top:14px;
}

.clubs-legend-ball,
.club-ball{
  display:inline-block;
  margin-left:4px;
  font-size:1rem;
  line-height:1;
}

.club-ball{
  vertical-align:middle;
}