/* Nerdschmie.de Desktop Design Phase 4 – Data Table / Ranking V1 */
:root {
  --nsd-data-table-surface: rgba(255,255,255,.02);
  --nsd-data-table-head: rgba(0,255,150,.055);
  --nsd-data-table-row-even: rgba(255,255,255,.018);
  --nsd-data-table-row-hover: rgba(0,255,150,.055);
}

body.nsd .nsd-data-table {
  border: 1px solid var(--nsd-border-subtle);
  border-radius: var(--nsd-radius-card);
  background: var(--nsd-data-table-surface);
  overflow: hidden;
}

body.nsd .ns-club-overview .ns-club-table.nsd-data-table .ns-club-table__head {
  background: var(--nsd-data-table-head);
  border-bottom: 1px solid var(--nsd-border-subtle);
  color: var(--nsd-color-text-muted);
  font-size: var(--nsd-type-label-size);
  letter-spacing: .035em;
}

body.nsd .ns-club-overview .ns-club-table.nsd-data-table .ns-club-table__row {
  min-height: 44px;
  border-bottom-color: var(--nsd-border-subtle);
  background: transparent;
}

body.nsd .ns-club-overview .ns-club-table.nsd-data-table .ns-club-table__row:nth-child(even) {
  background: var(--nsd-data-table-row-even);
}

body.nsd .ns-club-overview .ns-club-table.nsd-data-table .ns-club-table__row:hover,
body.nsd .ns-club-overview .ns-club-table.nsd-data-table .ns-club-table__row:focus-visible {
  background: var(--nsd-data-table-row-hover);
  border-color: var(--nsd-border-hover);
  text-decoration: none;
}

body.nsd .ns-club-overview .ns-club-table.nsd-data-table .ns-club-table__row:focus-visible {
  outline: var(--nsd-focus-width) solid var(--nsd-focus-color);
  outline-offset: -2px;
}
