/* Got Hot Wheels Auctions - Static Hero Cleanup v41
   Fixes after v40:
   - removes extra hero button rows from /about /help /contact /sell
   - removes duplicate "Support / Collector Support" pill
   - cleans the /sell hero so it is not bulky/misaligned
   - keeps the v40 disappearing-page fix active
*/

/* Do not show the injected hero action buttons on static info pages. */
html body:is(.ghw40-about-page, .ghw40-help-page, .ghw40-contact-page, .ghw40-sell-page) .ghw40-stable-hero .ghw40-actions,
html body:is(.ghw40-about-page, .ghw40-help-page, .ghw40-contact-page, .ghw40-sell-page) .ghw40-stable-hero .ghw38-page-actions,
html body:is(.ghw40-about-page, .ghw40-help-page, .ghw40-contact-page, .ghw40-sell-page) .ghw40-stable-hero .ghw39-page-actions {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Hide only duplicate/old pills tagged by v41 JS. */
html body .ghw41-hide-duplicate-kicker {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Clean up static hero spacing after the buttons are removed. */
html body:is(.ghw40-about-page, .ghw40-help-page, .ghw40-contact-page, .ghw40-sell-page) .ghw40-stable-hero-inner {
  padding-top: 30px !important;
  padding-bottom: 34px !important;
}

html body:is(.ghw40-about-page, .ghw40-help-page, .ghw40-contact-page) .ghw40-stable-hero h1,
html body:is(.ghw40-about-page, .ghw40-help-page, .ghw40-contact-page) .ghw40-stable-hero h2:first-of-type {
  margin-bottom: 10px !important;
}

html body:is(.ghw40-about-page, .ghw40-help-page, .ghw40-contact-page) .ghw40-stable-hero p {
  margin-bottom: 0 !important;
}

/* Sell page: make the hero more like the stable auction page header and less like a boxed promo card. */
html body.ghw40-sell-page .ghw40-stable-hero {
  border-radius: 0 !important;
}

html body.ghw40-sell-page .ghw40-stable-hero-inner {
  max-width: 1180px !important;
  padding-top: 30px !important;
  padding-bottom: 34px !important;
}

/* Flatten nested sell hero/card wrappers so the hero does not look double-boxed. */
html body.ghw40-sell-page .ghw40-stable-hero-inner > *,
html body.ghw40-sell-page .ghw40-stable-hero .ghw37-market-hero,
html body.ghw40-sell-page .ghw40-stable-hero [class*="hero" i],
html body.ghw40-sell-page .ghw40-stable-hero [class*="market" i] {
  box-shadow: none !important;
}

html body.ghw40-sell-page .ghw40-stable-hero .ghw40-actions {
  display: none !important;
}

/* Keep the right-side Collector Marketplace pill from overpowering the Sell hero. */
html body.ghw40-sell-page .ghw40-stable-hero :where([class*="marketplace" i], [class*="callout" i], [class*="aside" i]) {
  max-width: 430px !important;
}

html body.ghw40-sell-page .ghw40-stable-hero :where([class*="marketplace" i], [class*="callout" i], [class*="aside" i]) p,
html body.ghw40-sell-page .ghw40-stable-hero :where([class*="marketplace" i], [class*="callout" i], [class*="aside" i]) span {
  font-size: 13px !important;
  letter-spacing: .10em !important;
}

/* If the sell hero uses a 2-column grid, keep it aligned and compact. */
html body.ghw40-sell-page .ghw40-stable-hero :where(.grid, [class*="grid" i]) {
  align-items: center !important;
  gap: 28px !important;
}

/* Dashboard name readability reinforcement. */
html body.ghw40-dashboard-page :where(h1,h2,h3) {
  overflow: visible !important;
}

html body.ghw40-dashboard-page h1,
html body.ghw40-dashboard-page h1 * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
  background-image: none !important;
  opacity: 1 !important;
}

/* Mobile cleanup */
@media (max-width: 800px) {
  html body:is(.ghw40-about-page, .ghw40-help-page, .ghw40-contact-page, .ghw40-sell-page) .ghw40-stable-hero-inner {
    padding-top: 24px !important;
    padding-bottom: 26px !important;
  }

  html body.ghw40-sell-page .ghw40-stable-hero :where([class*="marketplace" i], [class*="callout" i], [class*="aside" i]) {
    max-width: 100% !important;
  }
}