/* Got Hot Wheels Auctions - Panel Background Tune v20 */

:root {
  --ghw20-black: #000000;
  --ghw20-black-2: #050505;
  --ghw20-red-light: #c90409;
  --ghw20-red-light-2: #a90006;
  --ghw20-footer-line: rgba(255,255,255,.11);
  --ghw20-panel-bg: url('/images/ghw-textures/ghw-category-panel-bg.png');
}

/* ==============================
   HOMEPAGE
   ============================== */
body.ghw20-home .ghw20-home-categories-panel,
body.ghw20-home #categories,
body.ghw20-home .ghw-category-section,
body.ghw20-home .ghw-categories,
body.ghw20-home .ghw-categories-section,
body.ghw20-home .categories-section {
  background:
    linear-gradient(rgba(0,0,0,.74), rgba(0,0,0,.80)),
    var(--ghw20-panel-bg) center center / cover no-repeat !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: inset 0 18px 28px rgba(0,0,0,.28), inset 0 -18px 28px rgba(0,0,0,.28) !important;
}

body.ghw20-home .ghw20-home-categories-panel h2,
body.ghw20-home #categories h2,
body.ghw20-home .ghw-category-section h2,
body.ghw20-home .ghw-categories h2,
body.ghw20-home .ghw-categories-section h2,
body.ghw20-home .categories-section h2 {
  text-shadow: 0 2px 8px rgba(0,0,0,.55) !important;
}

body.ghw20-home .ghw20-home-how-panel,
body.ghw20-home .ghw-how,
body.ghw20-home .ghw-how-section,
body.ghw20-home .how-it-works,
body.ghw20-home .ghw-how-it-works {
  background: linear-gradient(180deg, var(--ghw20-red-light) 0%, var(--ghw20-red-light-2) 100%) !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
  border-bottom: 1px solid rgba(0,0,0,.36) !important;
}

/* ==============================
   LISTING DETAIL PAGE
   ============================== */
body.ghw20-listing-detail .ghw20-listing-middle-panel,
body.ghw20-listing-detail .ghw-listing-page,
body.ghw20-listing-detail .ghw-detail-page,
body.ghw20-listing-detail .listing-detail-page,
body.ghw20-listing-detail .listing-show-page,
body.ghw20-listing-detail .ghw-content-page {
  background:
    linear-gradient(rgba(0,0,0,.82), rgba(0,0,0,.86)),
    var(--ghw20-panel-bg) center top / cover no-repeat !important;
}

body.ghw20-listing-detail .ghw20-listing-middle-panel .ghw-card,
body.ghw20-listing-detail .ghw20-listing-middle-panel .card,
body.ghw20-listing-detail .ghw20-listing-middle-panel .panel,
body.ghw20-listing-detail .ghw20-listing-middle-panel .ghw-panel,
body.ghw20-listing-detail .ghw20-listing-middle-panel .ghw-detail-card {
  background: linear-gradient(180deg, rgba(9,12,16,.96), rgba(5,7,10,.98)) !important;
}

/* ==============================
   BLACK FOOTER FOR HOME / ORDERS / MESSAGES / LISTING DETAIL
   ============================== */
body.ghw20-home .ghw20-footer,
body.ghw20-home footer,
body.ghw20-orders .ghw20-footer,
body.ghw20-orders footer,
body.ghw20-messages .ghw20-footer,
body.ghw20-messages footer,
body.ghw20-listing-detail .ghw20-footer,
body.ghw20-listing-detail footer,
body.ghw20-home .ghw-footer,
body.ghw20-orders .ghw-footer,
body.ghw20-messages .ghw-footer,
body.ghw20-listing-detail .ghw-footer,
body.ghw20-home .ghw5-footer,
body.ghw20-orders .ghw5-footer,
body.ghw20-messages .ghw5-footer,
body.ghw20-listing-detail .ghw5-footer,
body.ghw20-home .site-footer,
body.ghw20-orders .site-footer,
body.ghw20-messages .site-footer,
body.ghw20-listing-detail .site-footer {
  background: linear-gradient(180deg, var(--ghw20-black-2), var(--ghw20-black)) !important;
  background-image: none !important;
  border-top: 1px solid var(--ghw20-footer-line) !important;
  box-shadow: none !important;
}

/* Footer tighten-up */
.ghw20-footer,
footer.ghw20-footer,
footer,
.ghw-footer,
.ghw5-footer,
.site-footer {
  padding-top: 18px !important;
  padding-bottom: 8px !important;
}

.ghw20-footer .container,
.ghw20-footer .ghw-wrap,
footer .container,
footer .ghw-wrap,
.ghw-footer .container,
.ghw-footer .ghw-wrap,
.ghw5-footer .container,
.ghw5-footer .ghw-wrap,
.site-footer .container,
.site-footer .ghw-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ghw20-footer .row,
footer .row,
.ghw-footer .row,
.ghw5-footer .row,
.site-footer .row {
  row-gap: 12px !important;
}

.ghw20-footer h3,
.ghw20-footer h4,
footer h3,
footer h4,
.ghw-footer h3,
.ghw-footer h4,
.ghw5-footer h3,
.ghw5-footer h4,
.site-footer h3,
.site-footer h4 {
  margin-bottom: 10px !important;
}

.ghw20-footer p,
.ghw20-footer li,
footer p,
footer li,
.ghw-footer p,
.ghw-footer li,
.ghw5-footer p,
.ghw5-footer li,
.site-footer p,
.site-footer li {
  margin-bottom: 6px !important;
}

.ghw20-footer ul,
footer ul,
.ghw-footer ul,
.ghw5-footer ul,
.site-footer ul {
  margin-bottom: 0 !important;
}

.ghw20-footer form,
footer form,
.ghw-footer form,
.ghw5-footer form,
.site-footer form {
  margin-bottom: 8px !important;
}

.ghw20-footer .copyright,
.ghw20-footer .footer-bottom,
footer .copyright,
footer .footer-bottom,
.ghw-footer .copyright,
.ghw-footer .footer-bottom,
.ghw5-footer .copyright,
.ghw5-footer .footer-bottom,
.site-footer .copyright,
.site-footer .footer-bottom {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,.09) !important;
}

/* Preserve footer logo glow subtly on black */
body.ghw20-home footer img,
body.ghw20-orders footer img,
body.ghw20-messages footer img,
body.ghw20-listing-detail footer img {
  filter: drop-shadow(0 0 10px rgba(255,120,0,.15)) !important;
}