/* Copyright (c) 2026 Brownie, LLC. All rights reserved. */

/*
 * The Season view (views/season.ts): a team's or a school's season in
 * numbers, and the links to it from the team and school pages.
 * Builds on the shared pieces in styles.css, team.css and team-roster.css.
 */

.season-links .button {
  text-decoration: none;
}

/* The projected team score, big, with "of 3,600" beside it. */
.season-total {
  color: var(--color-text-muted);
}

.season-total b {
  color: var(--color-text);
  font: 700 2.2rem/1 var(--font-display);
  font-variant-numeric: tabular-nums;
}

/* The bubble: ranks 11 to 14, highlighted in the table and named in the key. */
.season-table tr.is-bubble > * {
  background: var(--color-ten-soft);
}

.season-bubble-key {
  padding: 1px 6px;
  border-radius: var(--control-radius);
  background: var(--color-ten-soft);
  color: var(--color-text);
  font-weight: 600;
}

/* "Not counted": the line where the team score stops counting. */
.season-table tr.season-cut td {
  padding-block: 4px;
  border-top: 2px solid var(--color-text-muted);
  color: var(--color-text-muted);
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.season-note {
  color: var(--color-text-muted);
  font-size: 0.85rem;
}

/* Leaderboard headings are buttons that sort by their column. */
.season-sort {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
}

th[aria-sort="ascending"] .season-sort::after {
  content: " ▲";
}

th[aria-sort="descending"] .season-sort::after {
  content: " ▼";
}

th[aria-sort="ascending"],
th[aria-sort="descending"] {
  color: var(--color-text);
}

.season-table-slot {
  display: grid;
  gap: 12px;
}

/* An archer with no practice scorecards in the last 2 weeks. */
.season-flag {
  display: block;
  color: var(--color-review);
  font-size: 0.78rem;
  font-weight: 600;
}

/* A part of a section holding a table (Practice or Tournament under Most
   improved) may shrink to the screen, so its table scrolls in its own box. */
.season-part {
  min-width: 0;
}