/* wgf-wallpaper.css - the footer-top "download this art as a wallpaper" strip
   (owner law 2026-07-04, Addendum 9 item 39; kit-well re-cut 2026-08-05).

   Wherever a page composites a real Blizzard loading-screen backdrop (the wgf-zonebg engine
   and its wrap() seam), the last child of the page body is a QUIET squared kit well offering
   that art as a free wallpaper: the near-black recessed well surface inside a thin beveled
   metal frame (the ig-63/64 container language - no plain 1px web border box, no gold accent
   bar, no rounded pill), a gold small-caps label in the game face, caption-tier type. Pure
   HTML/CSS, no JS; the download link points at the SAME asset the page already loaded, so no
   extra request is made. Markup + resolution live in wgf_zonebg.py (wallpaper_strip_html).

   No CLS: the strip is in normal flow at the bottom of <main>, above the site footer, and
   paints once. It sits inside .wgf-zonebg-wrap, so it is already lifted above the fixed art. */

.wgf-wallpaper {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.3rem 0.85rem;
  box-sizing: border-box;
  max-width: 1120px;
  margin: 2rem auto 0.25rem;
  padding: 0.55rem 0.95rem;
  /* the kit well: squared near-black recess inside a thin beveled metal frame
     (same surface recipe as .wgf-well in wgf-chrome.css, restated here because
     this sheet must stand alone on pages that do not load the chrome kit) */
  border: 1px solid var(--wgf-metal-soft, #2e2e2e);
  border-radius: 0;
  background: var(--wgf-well, #0a0a0c);
  box-shadow:
    inset 0 2px 6px rgba(0, 0, 0, 0.75),
    inset 0 0 0 1px rgba(0, 0, 0, 0.6),
    0 1px 0 rgba(255, 255, 255, 0.04);
  font-family: var(--font-ui, Georgia, serif);
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--wgf-muted, #b1a58c);
}

/* gold small-caps label in the game face (caption-tier, never shouting) */
.wgf-wallpaper__label {
  font-family: var(--font-game, 'Cinzel', serif);
  font-variant: small-caps;
  font-weight: 700;
  letter-spacing: 0.06em;
  font-size: 0.8rem;
  color: var(--wgf-gold-muted, #b9a66b);
  text-shadow: var(--text-ink-outline, 0 1px 2px rgba(0, 0, 0, 0.92));
}

.wgf-wallpaper__zone {
  font-family: var(--font-game, 'Cinzel', serif);
  color: var(--wgf-gold-bright, #ffd978);
  font-weight: 700;
  text-shadow: var(--text-ink-outline, 0 1px 2px rgba(0, 0, 0, 0.92));
}

.wgf-wallpaper__dl {
  color: var(--wgf-gold-link, #ffd978);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 217, 120, 0.45);
  padding-bottom: 1px;
}

.wgf-wallpaper__dl:hover,
.wgf-wallpaper__dl:focus-visible {
  color: var(--wgf-gold, #f0c040);
  border-bottom-color: var(--wgf-gold, #f0c040);
}

/* attribution honesty: pushed to its own end of the bar, quiet but always present */
.wgf-wallpaper__attr {
  margin-left: auto;
  font-family: var(--font-ui, system-ui, sans-serif);
  font-size: 0.72rem;
  color: var(--wgf-muted, #b1a58c);
  opacity: 0.8;
}

@media (max-width: 640px) {
  .wgf-wallpaper { gap: 0.3rem 0.6rem; }
  .wgf-wallpaper__attr { margin-left: 0; flex-basis: 100%; }
}