/* wgf-char-chrome.css - kit re-cut for the /character/ profile PAGE CHROME (2026-07-03).
   Scope: the character profile's outer containers/sections + the US | EU region tab strip on
   the header. Owner law: docs/ui-ux/13-ingame-reference.md sec 0.4 (the container standard -
   squared charcoal plate + metal frame + tab strip), sec 0.9 (the chrome kit), sec 9b (hover =
   a SUBTLE white glow across the plate, never a colour swap or lift).

   This sheet ONLY hosts/scopes the kit atoms from wgf-chrome.css onto the character body - it does
   NOT touch the paperdoll, gear tooltips, or the player-card internals (owned elsewhere). Kit atoms
   (.wgf-window__tabs, .wgf-tab, .wgf-well) and the design tokens come from wgf-chrome.css +
   _tokens.css, both loaded ahead of this file. Bump the ?v= in pvp_app._page on change. */

/* ── US | EU region tab strip on the character header ─────────────────────────────────────── */
.wgf-char-regiontabs {
  justify-content: flex-end;
  margin: 0 0 .5rem;
  background: transparent;   /* the header already carries its own surface */
  border: 0;
}
.wgf-char-regiontabs .wgf-tab { min-width: 54px; text-decoration: none; }

/* ── Sections onto kit wells (sec 0.4) ─────────────────────────────────────────────────────
   Every dense data table in the character body sits in the near-black inset well the client uses
   for data lists, so it reads as recessed on the page - one scoped rule covers the rated-bracket
   table AND the battleground table without HTML churn. .wgf-well (from the kit) already paints the
   plate; here we just make sure the wrapper keeps its scroll behaviour inside it. */
.wgf-pvp-charbody .wgf-pvp-tablewrap.wgf-well { overflow-x: auto; }

/* Section title on the char page reads in the kit's gold small-caps Friz voice (sec 1). */
.wgf-char-window > .wgf-pvp-sech {
  font-family: var(--font-game, inherit);
  font-variant: small-caps;
  letter-spacing: .02em;
  color: var(--wgf-gold, #f0c832);
}

/* ── sec 9b: the SUBTLE white hover glow ───────────────────────────────────────────────────
   A soft highlight wash across the plate on mouseover - never a colour swap, never a lift. Applied
   to the kit surfaces we host on the character body; the kit's own .wgf-tab:hover handles the tabs. */
.wgf-char-glow {
  transition: box-shadow var(--motion-fast, .12s) var(--ease-standard, ease);
}
.wgf-char-glow:hover {
  box-shadow:
    inset 0 2px 6px rgba(0, 0, 0, 0.75),
    inset 0 0 0 1px rgba(255, 255, 255, 0.12),
    0 0 12px rgba(255, 255, 255, 0.07);
}
@media (prefers-reduced-motion: reduce) {
  .wgf-char-glow { transition: none; }
}