/*
 * Sportradar blocks: rosters, injuries and the NBA list blocks. Loaded after sportradar.css (the base) by the blocks that need it.
 */

/* NHL: injuries and rosters */

.sr-block .sr-injury-comment {
  margin: 0.25em 0 0;
  font-size: 0.85em;
  color: var(--sr-muted);
  white-space: normal;
}

.sr-block .sr-status {
  font-size: 0.85em;
  font-weight: 600;

  &.sr-status--out,
  &.sr-status--out-for-season,
  &.sr-status--out-indefinitely {
    color: var(--sr-down);
  }

  &.sr-status--day-to-day {
    color: #996800;
  }
}

.sr-block .sr-injuries :is(th, .sr-col-injury, .sr-col-status) {
  white-space: normal;
}

/* NBA lists (awards, draft, team stats, player, transactions, free agents, depth chart) */

.sr-block .sr-award__date,
.sr-block .sr-transaction-desc {
  display: block;
  font-size: 0.85em;
  font-weight: 400;
  color: var(--sr-muted);
}

.sr-block .sr-transaction-desc {
  min-inline-size: 16em;
  max-inline-size: 28em;
  margin: 0.25em 0 0;
  white-space: normal;
}

.sr-block .sr-tag {
  padding: 0 0.35em;
  margin-inline-start: 0.35em;
  font-size: 0.8em;
  color: var(--sr-muted);
  white-space: nowrap;
  background: var(--sr-stripe);
  border-radius: var(--sr-radius);
}

/*
 * Lists (NBA transactions, awards, draft, free agents, depth chart, career): mostly text, so not
 * the stats layout's even shares (headings wrapped, cells cut). Natural widths instead: wider than
 * the block scrolls and drags sideways like any wide table. Text columns start-aligned like names.
 */
.sr-block .sr-list {
  & :is(.sr-col-type, .sr-col-award, .sr-col-school, .sr-col-college, .sr-col-from, .sr-col-to, .sr-col-items, .sr-col-season) {
    text-align: start;
  }

  & .sr-col-items {
    min-inline-size: 12em;
    white-space: normal;
  }

  /* Team names on one line: a wide list scrolls rather than wraps. */
  & .sr-col-team {
    white-space: nowrap;
  }
}

/* A line above the table (e.g. "NBA Draft 2026"): padded like the footer notes (.sr-comments). */
.sr-block .sr-intro {
  padding: var(--sr-cell-pad);
  margin: 0;
  font-size: 0.85em;
  color: var(--sr-muted);
}

.sr-block .sr-award {
  font-weight: 600;
}

/* Player: bio as a grid of facts above the career table. */
.sr-block .sr-bio {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  gap: 0.5em 1em;
  padding: var(--sr-cell-pad);
  margin: 0 0 1em;

  & .sr-bio__item {
    display: flex;
    flex-direction: column;
  }

  & dt {
    font-size: 0.8em;
    color: var(--sr-muted);
    text-transform: uppercase;
  }

  & dd {
    margin: 0;
    font-weight: 600;
  }
}