/* League standings section — default --bg alternates with #resultats (--bg2) */

.std-tabs,
.res-tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.std-tab,
.res-tab {
  font-family: var(--font-display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 14px;
  padding: 11px 22px;
  border-radius: var(--r-sm);
  border: 2px solid var(--line2);
  background: transparent;
  color: var(--fg2);
  cursor: pointer;
  transition: all 0.2s;
}

.std-tab:hover,
.res-tab:hover {
  border-color: var(--green-b);
  color: var(--fg);
}

.std-tab.active,
.res-tab.active {
  background: var(--btn-green-bg);
  border-color: var(--btn-green-bg);
  color: var(--on-green);
  box-shadow: 0 8px 24px -8px rgba(0, 158, 69, 0.6);
}

.std-panel,
.res-panel {
  display: none;
}

.std-panel.active,
.res-panel.active {
  display: block;
}

.std-empty,
.res-empty {
  color: var(--fg2);
  font-size: 14px;
  padding: 8px 0;
}

.std-table-wrap {
  border: 1px solid var(--line);
  border-radius: var(--r);
  overflow-x: auto;
  background: linear-gradient(180deg, var(--surface-shine), transparent);
}

.std-table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  font-size: 15px;
}

.std-table thead th {
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 11px;
  color: var(--fg3);
  text-align: center;
  padding: 14px 12px;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}

.std-table thead th:nth-child(2) {
  text-align: left;
}

.std-table tbody td {
  padding: 14px 12px;
  border-bottom: 1px solid var(--line);
  text-align: center;
  color: var(--fg2);
  font-variant-numeric: tabular-nums;
}

.std-table tbody tr:last-child td {
  border-bottom: 0;
}

.std-table tbody tr:hover {
  background: var(--surface-hover);
}

.std-row.rop {
  background: var(--green-tint-strong);
}

.std-row.rop:hover {
  background: var(--green-tint-hover);
}

.std-pos {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--fg);
  width: 44px;
}

.std-team {
  text-align: left !important;
  font-weight: 500;
  color: var(--fg) !important;
  min-width: 180px;
}

.std-row.rop .std-team {
  color: var(--green-b) !important;
  font-weight: 700;
}

.std-diff {
  font-weight: 600;
}

.std-pts {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 18px;
  color: var(--fg) !important;
}

.std-row.rop .std-pts {
  color: var(--green-b) !important;
}