/* wgf-hubs.css - the hub enrichment blocks (WP-ENRICH-HUBS, 2026-09-12).
 *
 * Loaded only by the /items/<category>/ hubs, /professions/, /talents/, /farm/ and the
 * static /sitemap/ page (hub_render.CSS_HREF). Everything here is a palette token from
 * static/css/_tokens.css; no gradient, no glow, no green chrome. Tables and windows come
 * from wgf-chrome.css (.wgf-table / .wgf-window); this sheet only lays out the rows.
 */

.wgf-hubs { margin: 1.1rem 0 0; }
.wgf-hubs p { margin: 0 0 .75rem; line-height: 1.55; color: var(--wgf-text, #e8dcc0); }
.wgf-hubs p a,
.wgf-hubs-links a,
.wgf-hubs-row__more a { color: var(--wgf-gold-link, #ffe375); }
.wgf-hubs-note { font-size: .93rem; color: var(--wgf-text-muted, #b9ad92); }

/* ranked item lists (highest priced, deepest markets) */
.wgf-hubs-list { list-style: none; margin: 0 0 .5rem; padding: 0; }
.wgf-hubs-row {
  display: grid;
  grid-template-columns: 1.6rem minmax(0, 1fr) auto;
  gap: .25rem .6rem;
  align-items: center;
  padding: .4rem .5rem;
  border-bottom: 1px solid var(--wgf-hairline, rgba(255, 255, 255, .08));
}
.wgf-hubs-row:last-child { border-bottom: 0; }
.wgf-hubs-row__rank { color: var(--wgf-text-muted, #b9ad92); font-variant-numeric: tabular-nums; }
.wgf-hubs-row__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wgf-hubs-row__price { justify-self: end; white-space: nowrap; }
.wgf-hubs-row__meta,
.wgf-hubs-row__more {
  grid-column: 2 / 4;
  font-size: .85rem;
  color: var(--wgf-text-muted, #b9ad92);
}
.wgf-hubs-row__more a + a { margin-left: .6rem; }

/* tables (professions, talents, farm) */
.wgf-hubs-tablewrap { overflow-x: auto; margin: 0 0 .5rem; }
.wgf-hubs-table th,
.wgf-hubs-table td { padding: .35rem .5rem; vertical-align: top; }
.wgf-hubs-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wgf-hubs-cats { font-size: .88rem; color: var(--wgf-text-muted, #b9ad92); }

/* plain link lists (farming pages, hero trees, categories) */
.wgf-hubs-links { list-style: none; margin: 0 0 .5rem; padding: 0; }
.wgf-hubs-links li { padding: .3rem 0; border-bottom: 1px solid var(--wgf-hairline, rgba(255, 255, 255, .08)); }
.wgf-hubs-links li:last-child { border-bottom: 0; }
.wgf-hubs-links li span { margin-left: .5rem; font-size: .88rem; color: var(--wgf-text-muted, #b9ad92); }

/* the kit-window variant the singletons use */
.wgf-hubs-window .wgf-window__body { padding: .8rem 1rem; }
.wgf-hubs-window h3 { margin: .8rem 0 .3rem; font-size: 1rem; color: var(--wgf-gold, #f0c86b); }

/* the static /sitemap/ page: a family ledger inside the 380px menu window */
.wgf-hubs--sitemap { margin: 18px 0 8px; text-align: left; }
.wgf-hubs--sitemap h2 { margin: 0 0 6px; font-size: 16px; text-align: center; }
.wgf-hubs--sitemap p { font-size: 13px; }
.wgf-hubs--sitemap dl { margin: 0; }
.wgf-hubs--sitemap dt { margin: 8px 0 0; font-size: 13px; }
.wgf-hubs--sitemap dt a { color: var(--wgf-gold-link, #ffe375); }
.wgf-hubs--sitemap dd { margin: 0; font-size: 12px; line-height: 1.5; color: var(--wgf-text-muted, #b9ad92); }