/* Got Hot Wheels Auctions - Listing Background Match Orders v31
   Goal: make /listings/{id} use the same dark chevron/red glow style
   that /orders and /messages currently use, instead of the metal/dot image.
*/

:root {
  --ghw31-orders-bg:
    radial-gradient(circle at 50% 8%, rgba(255, 110, 0, .12) 0%, rgba(255, 110, 0, 0) 28rem),
    radial-gradient(circle at 68% 30%, rgba(190, 0, 0, .18) 0%, rgba(190, 0, 0, 0) 34rem),
    repeating-linear-gradient(45deg, rgba(255,255,255,.026) 0 2px, transparent 2px 14px),
    repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0 2px, transparent 2px 14px),
    linear-gradient(180deg, #040404 0%, #090303 48%, #000 100%);
}

/* Body/page shell */
html body.ghw31-listing-match-orders {
  background: var(--ghw31-orders-bg) !important;
  background-color: #000 !important;
  background-image: var(--ghw31-orders-bg) !important;
  background-attachment: fixed !important;
  background-size: auto, auto, 28px 28px, 28px 28px, auto !important;
}

/* Listing main area */
html body.ghw31-listing-match-orders main,
html body.ghw31-listing-match-orders .ghw31-listing-bg-panel {
  background: var(--ghw31-orders-bg) !important;
  background-color: #000 !important;
  background-image: var(--ghw31-orders-bg) !important;
  background-attachment: fixed !important;
  background-size: auto, auto, 28px 28px, 28px 28px, auto !important;
}

/* Remove old metal/dot image pseudo layers from the listing page shell only */
html body.ghw31-listing-match-orders main::before,
html body.ghw31-listing-match-orders main::after,
html body.ghw31-listing-match-orders .ghw31-listing-bg-panel::before,
html body.ghw31-listing-match-orders .ghw31-listing-bg-panel::after {
  background-image: none !important;
  box-shadow: none !important;
}

/* Keep the actual listing cards as cards, not textured blocks */
html body.ghw31-listing-match-orders .ghw31-listing-bg-panel :where(.card, [class*="card" i], [class*="panel" i], [class*="box" i]) {
  background-attachment: scroll !important;
}

/* Footer should stay as recently fixed */
html body.ghw31-listing-match-orders footer,
html body.ghw31-listing-match-orders .ghw-footer,
html body.ghw31-listing-match-orders .site-footer,
html body.ghw31-listing-match-orders .ghw29-footer,
html body.ghw31-listing-match-orders .ghw30-footer-clean {
  background: #000 !important;
  background-image: none !important;
  background-color: #000 !important;
}