/* SK Javornik Timing — spectator site.
   All tokens and components live in tokens.css, the shared design system for every timing app
   (source of truth: core/docs/ui/tokens.css, spec: core/docs/ui-design-guidelines.md). Keep this
   file for page-specific rules only, and use var(--…) instead of hex literals. */

/* Status icons (ui.js stateIcon), inside the status chips. */
.state-icon { display: inline-flex; margin-right: 4px; vertical-align: -2px; }
.state-icon svg { width: 1.05em; height: 1.05em; }

/* Menu link that only shows once there is something behind it (Pokal). */
.nav a[hidden] { display: none; }

/* Cup standings (pages/cup.js): a column per race, points over the place, dropped results struck. */
.cup-wrap { overflow-x: auto; }
.cup-note { margin: 0 0 8px; }
.cup-table th.cup-race, .cup-table td.cup-race { text-align: center; min-width: 54px; padding-left: 6px; padding-right: 6px; }
.cup-race-no { display: block; font-weight: 700; }
.cup-race-date, .cup-place { display: block; font-size: .72rem; font-weight: 400; color: var(--faint); }
.cup-pts { display: block; font-weight: 500; }
td.cup-race.dropped .cup-pts { text-decoration: line-through; color: var(--faint); font-weight: 400; }
td.cup-race.out .cup-pts { color: var(--faint); font-size: .8rem; }
td.cup-race.na { background: var(--surface-2); }
td.cup-total { font-size: 1.2rem; font-weight: 700; color: var(--blue-dark); }
tr.podium-1 td.pos, tr.podium-2 td.pos, tr.podium-3 td.pos { color: var(--orange); }
tr.podium-1 td { background: var(--current); }
.cup-races.pad { margin: 0; padding: 16px 24px 16px 46px; line-height: 1.9; }
.cup-legend { margin-top: 16px; }
.cup-race-name { font-weight: 500; }
@media (max-width: 640px) {
  .cup-table th.cup-race, .cup-table td.cup-race { min-width: 44px; }
  td.cup-total { font-size: 1.05rem; }
}
