/* wgf-item-ingame.css - the item family's in-game layout (lane ingame-items, 2026-10-10).

   Owner rulings 2026-10-10 evening (docs/standards/WIKI_PAGE_STANDARD.md §0): every item page
   reads as the client's Character / Paperdoll window plus the in-game item tooltip, built 1:1
   from extracted client art. NO navy/blue cards, no plain bordered boxes, no green chrome.
   Loaded LAST on /item/<slug>-<id>/, the version twins (/wow-forever/item/, /classic/item/,
   /tbc/item/, /wotlk/item/, /mists/item/) and the /item/ index, so it wins over older family
   sheets without editing the shared kit (wgf-chrome.css / wgf-site-theme.css).

   Client art used (all under /assets/ui/):
     blizzard/tooltip-border-9slice.png + blizzard/tooltip-background.png
         Interface/Tooltips/UI-Tooltip-Border + UI-Tooltip-Background (GameTooltip backdrop)
     --wgf-inset-art (wgf-chrome.css): UI-Frame-Inner rim tiles over UI-Background-Marble
         (InsetFrameTemplate - the recessed pane lists and inner cards sit in)
     blizzard/emptyslot.png   Interface/PaperDoll empty equipment slot (item icon seats)
     auctionhouse-rowstripe-1/2.png   the Auction House results-list row stripes
   Windows themselves are the shared .wgf-window UIFrameMetal kit (wgf-chrome.css). */

/* ── 1. The GameTooltip frame: hero tooltip, version tooltip, set section ─────────────── */
.iih--ingame .wgf-it--inline,
.wgf-vitem-tt,
.wgf-iig-tip {
  border: 12px solid transparent;
  border-image: url(/assets/ui/blizzard/tooltip-border-9slice.png) 16 / 12px / 0 round;
  border-radius: 0;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .55);
  background-color: #12121f;
  background-image: url(/assets/ui/blizzard/tooltip-background.png);
  background-blend-mode: multiply;   /* client tint of the grey texture (.wgf-tex-tooltip recipe) */
  background-repeat: repeat;
  background-size: 64px 64px;
  background-origin: border-box;
  background-clip: border-box;
  font-family: "FrizQT", "Arial Narrow", Arial, sans-serif;
  color: #fff;
}
.wgf-vitem-tt { padding: .35rem .55rem; max-width: 28rem; }
.wgf-iig-tip { padding: .3rem .5rem; max-width: 34rem; margin: 0 0 var(--space-3, 12px); }

/* ── 2. Inset panes (InsetFrameTemplate) replace every flat well + 1px border box ───────── */
.wgf-idos-recipe,
.wgf-idos-rank,
.wgf-iset__card,
.wgf-ihub-rail a,
.iih--compact,
.wgf-about {
  border: 0;
  border-radius: 0;
  background: var(--wgf-inset-art);
  box-shadow: none;
}
@media (max-width: 640px) {
  .wgf-idos-table tr { border: 0; border-radius: 0; background: var(--wgf-inset-art); }
}

/* ── 3. Item icons sit in the paperdoll equipment slot ──────────────────────────────────── */
.wgf-idos-icon,
.wgf-iig-set__pieces li::before {
  border: 0;
  border-radius: 0;
  background: url(/assets/ui/blizzard/emptyslot.png) center / 100% 100% no-repeat;
}

/* ── 4. Related items: Auction House result rows, not navy cards ─────────────────────── */
.wgf-seo-related-tiles .wgf-item-row {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: url(/assets/ui/auctionhouse-rowstripe-1.png) left top / 16px 100% repeat-x;
}
.wgf-seo-related-tiles .wgf-item-row:nth-child(even) {
  background-image: url(/assets/ui/auctionhouse-rowstripe-2.png);
}
.wgf-seo-related-tiles .wgf-item-row:hover,
.wgf-seo-related-tiles .wgf-item-row:focus-within {
  border: 0;
  filter: brightness(1.3);
}

/* ── 5. The set section, drawn like the tooltip's own set lines ──────────────────────── */
.wgf-iig-set__name { color: #ffd100; font-size: 1rem; margin: 0 0 .25rem; }
.wgf-iig-set__name a { color: inherit; text-decoration: none; }
.wgf-iig-set__name a:hover { text-decoration: underline; }
.wgf-iig-set__count { color: #ffd100; }
.wgf-iig-set__pieces,
.wgf-iig-set__bonus { list-style: none; margin: 0; padding: 0; }
.wgf-iig-set__pieces li {
  position: relative;
  padding: 2px 0 2px 26px;
  min-height: 20px;
  line-height: 1.35;
}
.wgf-iig-set__pieces li::before {
  content: "";
  position: absolute;
  left: 0; top: 2px;
  width: 20px; height: 20px;
}
.wgf-iig-set__pieces li[aria-current="true"] a,
.wgf-iig-set__pieces li[aria-current="true"] { font-weight: 700; }
.wgf-iig-set__pieces a { color: inherit; text-decoration: none; }
.wgf-iig-set__pieces a:hover { text-decoration: underline; }
.wgf-iig-set__ilvl { color: #9d9d9d; font-size: .82em; }
.wgf-iig-set__bonus { margin-top: .45rem; }
.wgf-iig-set__bonus li { color: #9d9d9d; margin: .2rem 0; line-height: 1.4; }
.wgf-iig-set__th { color: #ffd100; }
.wgf-iig-set__prose,
.wgf-iig-prose { margin: 0 0 var(--space-3, 12px); line-height: 1.55; }

/* Blizzard item-quality ramp for set piece names (scoped; no global .q-* dependency). */
.wgf-iig-set__pieces .q-poor { color: #9d9d9d; }
.wgf-iig-set__pieces .q-common { color: #ffffff; }
.wgf-iig-set__pieces .q-uncommon { color: #1eff00; }
.wgf-iig-set__pieces .q-rare { color: #0070dd; }
.wgf-iig-set__pieces .q-epic { color: #a335ee; }
.wgf-iig-set__pieces .q-legendary { color: #ff8000; }
.wgf-iig-set__pieces .q-artifact { color: #e6cc80; }
.wgf-iig-set__pieces .q-heirloom { color: #00ccff; }

/* ── 6. Across game versions table ──────────────────────────────────────────────────── */
.wgf-iig-cmp { width: 100%; }
.wgf-iig-cmp td:first-child { white-space: nowrap; }
@media (max-width: 480px) {
  .wgf-iig-cmp { font-size: .86rem; }
}