/* ═══════════════════════════════════════════════════════════════════════
   v9 Awards ("Trophy Case") — page-local additions on top of v2.css's
   shared black/white/red component library (.card, .stat-grid, .roster-grid,
   .data-table-wrap, table.data, .year-tabs, .divider-label, .badge,
   .record-wlt/.record-wr are all already themed there; this file only adds
   what's unique to this page).
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Hero row: heading + prominent total-trophy stat ─────────────────── */
.aw-hero-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: clamp(24px, 4vw, 56px);
  flex-wrap: wrap;
}

.aw-trophy-hero {
  flex: none;
  padding: 26px 40px;
  text-align: center;
  min-width: 220px;
}
.aw-trophy-num {
  font-family: var(--font-tech);
  font-weight: 700;
  font-size: clamp(48px, 6vw, 76px);
  line-height: 1;
  background: var(--grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-variant-numeric: tabular-nums;
}
.aw-trophy-lbl {
  margin-top: 10px;
  font-family: var(--font-tech);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--text-dim);
}

@media (max-width: 640px) {
  .aw-hero-row { flex-direction: column; align-items: stretch; }
  .aw-trophy-hero { min-width: 0; }
}

/* ── Team-records sort toggle (reuses .year-tabs a) ───────────────────── */
.aw-sort-lbl {
  display: flex;
  align-items: center;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-mute);
  padding: 0 2px 0 0;
}

/* ── Empty-state copy (no data yet for a given season/team) ───────────── */
.aw-empty {
  color: var(--text-mute);
  font-size: 14px;
  padding: 28px 0;
}

/* ── Award Log's Event column: some event names run 60+ characters and
   would otherwise wrap to several lines, making that one row much taller
   than its neighbors (with their short, vertically-centered cells reading
   as if the table had gaps). Truncate with an ellipsis; full name on hover
   via the site-standard .v9-tip/.v9-pop popup (never title attrs). ── */
.aw-event-cell {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  cursor: default;
  color: var(--text-dim);
}
.aw-event-cell a { color: inherit; }
/* .v9-tip needs the popup visible outside the ellipsis clip */
.aw-event-cell.v9-tip:hover, .aw-event-cell.v9-tip:focus-within { overflow: visible; }
.aw-event-cell .v9-pop { white-space: normal; }

/* ── Top-award cards (markup in awards.php; was inline styles) ─────────── */
.aw-award-card { padding: 26px; }
.aw-award-top { display: flex; align-items: center; gap: 16px; }
.aw-award-icon { height: 52px; width: auto; }
.aw-award-fallback { font-size: 30px; color: var(--red-hi); }
.aw-award-count { font-size: 40px; font-weight: 700; color: var(--text); }
.aw-award-name { font-family: var(--font-display); font-size: 16px; margin-top: 14px; }
.aw-award-desc { font-size: 12.5px; color: var(--text-mute); margin-top: 8px; line-height: 1.5; }

/* ── Shared section rhythm + small text bits (were inline styles) ──────── */
.aw-div { margin: 56px 0 26px; }
.aw-skills-stats { margin-bottom: 18px; }
.aw-strong { font-weight: 700; }
.aw-mute { color: var(--text-mute); }
.aw-wrap-cell { white-space: normal; }
.aw-note { font-size: 11px; color: var(--text-mute); margin: 12px 0 0; letter-spacing: 0.15em; }
.aw-note a { color: var(--red-hi); }