/* wgf-mounts.css — page-specific styling for /mounts/ and /mount/<slug>/.
   Owner: mount_app.py + mount_render.py (lane page:mounts, 2026-09-03).

   Palette: tokens only (static/css/_tokens.css). No hex is written here except through a
   var() fallback that repeats the token's own documented value, and no green: the item
   quality ladder below is Blizzard's own client palette, where --q-uncommon is the one
   green the no-green-chrome rule keeps.

   Frames and rings are NOT defined here — the mount's icon ring is .wgf-tex-icon-frame in
   assets/wgf-blizzard-textures.css (the client's UI-Achievement-IconFrame), the card grid is
   assets/wgf-ag-card.css, the map figure is assets/wgf-worldmap.css. This sheet only lays
   those out and colours the item names.
   No gradients, no glows, no box-shadow art. */

/* ── Detail hero: the client icon ring beside the title ─────────────────────────────── */

.wgf-mnt-hero__inner {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.wgf-mnt-hero__ring {
  flex: 0 0 auto;
}

.wgf-mnt-hero__text {
  flex: 1 1 260px;
  min-width: 0;
}

.wgf-mnt-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 6px;
}

.wgf-mnt-hero__title {
  margin-top: 2px;
}

/* ── Source-type badges (hub filter buttons + the detail eyebrow) ───────────────────── */

.wgf-mnt-badge {
  display: inline-block;
  vertical-align: -3px;
  border: 1px solid var(--wgf-metal, #6e5a2a);
  border-radius: 2px;
  background: #000;
  object-fit: cover;
}

.rd-type-btn .wgf-mnt-badge {
  margin-right: 6px;
}

.rd-type-btn__label {
  vertical-align: middle;
}

/* ── "Taught By": item names on the client quality ladder ───────────────────────────── */

.wgf-mnt-items {
  margin: 0;
  line-height: 1.9;
}

.wgf-mnt-item {
  white-space: nowrap;
}

.wgf-mnt-q-poor      { color: var(--q-poor, #9d9d9d); }
.wgf-mnt-q-common    { color: var(--q-common, #ffffff); }
.wgf-mnt-q-uncommon  { color: var(--q-uncommon, #1eff00); }
.wgf-mnt-q-rare      { color: var(--q-rare, #0070dd); }
.wgf-mnt-q-epic      { color: var(--q-epic, #a335ee); }
.wgf-mnt-q-legendary { color: var(--q-legendary, #ff8000); }
.wgf-mnt-q-artifact  { color: var(--q-artifact, #e6cc80); }
.wgf-mnt-q-heirloom  { color: var(--q-heirloom, #00ccff); }

/* ── The sibling-collection rail ────────────────────────────────────────────────────── */
/* Five wide cards, not the 1,680-tile density the hub grid is tuned for. */

.wgf-mnt-families {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}