/* wgf-wallpaper.css - the footer-top "download this art as a wallpaper" tip bar
   (owner law 2026-07-04, Addendum 9 item 39).

   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 small load-screen-style plate
   offering that art as a free wallpaper. The visual language is the WoW loading-screen tip
   bar: a squared dark-stone plate with a gold hairline and kit typography, coin-free. 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.35rem 0.85rem;
  max-width: 1120px;
  margin: 2rem auto 0.25rem;
  padding: 0.7rem 1.05rem;
  /* squared plate (no rounded corners: reads as a load-screen chrome bar, not a web card) */
  border: 1px solid var(--wgf-border-strong, rgba(240, 192, 64, 0.42));
  border-left: 3px solid var(--wgf-gold, #f0c040);
  background:
    linear-gradient(180deg, rgba(18, 14, 8, 0.92), rgba(12, 10, 7, 0.96));
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.45);
  font-family: var(--font-game, var(--font-display, 'Cinzel', serif));
  font-size: 0.86rem;
  line-height: 1.4;
  color: var(--wgf-muted, #b1a58c);
}

.wgf-wallpaper__label {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--wgf-gold-muted, #b9a66b);
}

.wgf-wallpaper__zone {
  color: var(--wgf-gold-bright, #ffd978);
  font-weight: 700;
}

.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%; }
}