/* =============================================================================
   wgf-leaderboards-ingame.css - the /leaderboards/ hub's PvP-scoreboard recut
   -----------------------------------------------------------------------------
   Reference idiom: the in-game Rated queue / Group Finder panel (docs/ui-ux/
   13-ingame-reference.md ig-22 PvP panel, ig-38 container standard). The hub
   becomes ONE scoreboard window: the chrome kit's .wgf-window frame carrying
   the cutoffs lintel and the champion-plaque grid, a bottom tab row of ladder
   categories (.wgf-tab, the kit's red-button tabs), and the board directory
   as AH-rowstriped rows (the real auctionhouse-rowstripe tiles via the kit's
   .wgf-rowstripe). Rank/rating numbers read in GOLD tabular figures here.

   Scope: EVERY rule is under .wgf-lbx (stamped on the hub's page wrap by
   leaderboards_app._page), so the /pvp/ hub - which shares the plaque
   components - keeps its own look untouched. All textures are the client's
   own sliced UI art already in /assets/ui/ (no AI art, no new sheets).
   Load order: after wgf-chrome.css + wgf-leaderboards.css (this file only
   composes and scopes-over them; it never forks the kit).
   ============================================================================= */

/* ── The scoreboard window (the Rated panel frame) ─────────────────────────── */
.wgf-lbx .wgf-lbx-board { margin: var(--space-4) 0 var(--space-6); }
.wgf-lbx .wgf-lbx-board-body { padding: var(--space-4); }
/* the plaques already end the .wgf-lb block; the window bottom edge takes over */
.wgf-lbx .wgf-lb { margin-bottom: 0; }
.wgf-lbx .wgf-lb-zone { margin-bottom: var(--space-2); }

/* ── The category tab rail (ig-38 bottom tab row; tabs are plain links) ────── */
.wgf-lbx .wgf-lbx-tabs {
  flex-wrap: wrap;
  justify-content: center;
  row-gap: var(--space-1);
  padding: var(--space-2) var(--space-3);
}
.wgf-lbx .wgf-lbx-tabs .wgf-tab { text-decoration: none; }

/* ── Gold tabular figures on every rank/rating number (hub-scoped) ─────────── */
/* The plaque rating: the kit's red rating re-reads as engraved GOLD here - the
   scoreboard's number column voice. Ladder detail pages keep their own colour. */
.wgf-lbx .wgf-lb-rating {
  color: var(--wgf-gold-bright);
  font-variant-numeric: tabular-nums;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7),
               0 0 14px rgba(var(--wgf-gold-rgb), 0.28);
}
/* the cutoffs lintel values match: gold, tabular, mono column discipline */
.wgf-lbx .wgf-pvp-cutstrip-val b {
  color: var(--wgf-gold-bright);
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

/* ── The board directory: rowstriped queue-list rows in the All Boards window ─
   Rows sit in a near-black inset well; the zebra comes from the kit's
   .wgf-rowstripe (the real auctionhouse-rowstripe-1/2 tiles) on the container. */
.wgf-lbx .wgf-lbx-directory { margin-top: var(--space-6); }
.wgf-lbx .wgf-lbx-rows {
  display: flex;
  flex-direction: column;
  margin: 0 0 var(--space-3);
  border: 1px solid var(--wgf-well-edge);
  background: var(--wgf-well);
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6);
}
.wgf-lbx .wgf-lbx-rows a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  box-sizing: border-box;
  min-height: 36px;
  padding: var(--space-1) var(--space-3);
  color: var(--wgf-gold-muted);
  font-family: var(--font-game);
  font-size: var(--text-sm);
  font-weight: 700;
  font-variant: small-caps;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-shadow: var(--text-ink-outline);
}
.wgf-lbx .wgf-lbx-rows a:hover { color: var(--wgf-gold-bright); filter: brightness(1.12); }
.wgf-lbx .wgf-lbx-rows a:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.wgf-lbx .wgf-lbx-row-go {
  flex: 0 0 auto;
  color: var(--wgf-gold-dim);
  font-size: var(--text-xs);
  letter-spacing: 0.1em;
}
.wgf-lbx .wgf-lbx-rows a:hover .wgf-lbx-row-go { color: var(--wgf-gold-bright); }

/* the about-disclosure sits under the rows on the same plate */
.wgf-lbx .wgf-lbx-directory .wgf-lb-about {
  border-top: 1px solid var(--wgf-metal-soft);
  text-align: left;
}