/* Bass Awards 2026 visual background — 0.3.39.
 * Soft, black-first gradient inspired by the restrained Bass Portal background treatment.
 * This layer changes only the site background. Component/card styling remains canonical. */
body.bam-ui-core.bam-theme-soft-gradient{
  --bam-site-bg:#050609;
  background-color:#050609!important;
  background-image:
    radial-gradient(1100px 680px at 96% -8%,rgba(255,126,72,.115) 0%,rgba(255,94,96,.055) 34%,transparent 72%),
    radial-gradient(980px 640px at -8% 18%,rgba(205,46,168,.095) 0%,rgba(111,42,190,.052) 36%,transparent 73%),
    radial-gradient(1040px 720px at 82% 70%,rgba(76,73,232,.080) 0%,rgba(117,48,188,.040) 38%,transparent 74%),
    radial-gradient(900px 620px at 20% 112%,rgba(210,45,164,.060) 0%,transparent 72%),
    linear-gradient(180deg,#08090c 0%,#050609 52%,#07070b 100%)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-attachment:fixed!important;
}

/* WordPress/theme wrappers must not paint an opaque black sheet over the preview.
 * Component surfaces/cards stay dark and readable on top of the gradient. */
body.bam-ui-core.bam-theme-soft-gradient .wp-site-blocks,
body.bam-ui-core.bam-theme-soft-gradient #page,
body.bam-ui-core.bam-theme-soft-gradient .site,
body.bam-ui-core.bam-theme-soft-gradient .site-content,
body.bam-ui-core.bam-theme-soft-gradient #primary,
body.bam-ui-core.bam-theme-soft-gradient .content-area,
body.bam-ui-core.bam-theme-soft-gradient .site-main,
body.bam-ui-core.bam-theme-soft-gradient .entry-content,
body.bam-ui-core.bam-theme-soft-gradient .bam-home-preview-viewport,
body.bam-ui-core.bam-theme-soft-gradient .bam-profiles-viewport,
body.bam-ui-core.bam-theme-soft-gradient .bam-awards-hub-viewport,
body.bam-ui-core.bam-theme-soft-gradient .bam-profile-root,
body.bam-ui-core.bam-theme-soft-gradient .bam-results-root,
body.bam-ui-core.bam-theme-soft-gradient .bam-partners-placeholder-viewport,
body.bam-ui-core.bam-theme-soft-gradient .bam-info-page-viewport{
  background-color:transparent!important;
  background-image:none!important;
}

/* Keep the small profile-count cutout readable when the page behind it is no longer flat black. */
body.bam-ui-core.bam-theme-soft-gradient .bam-profiles-hero-stat{
  background:rgba(6,7,10,.88)!important;
  box-shadow:0 0 0 3px rgba(6,7,10,.56);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

/* Preview-only marker: fixed, compact and intentionally outside page layout. */
.bam-theme-preview-badge{
  position:fixed;right:16px;bottom:16px;z-index:2147483000;
  display:flex;align-items:center;gap:9px;max-width:calc(100vw - 32px);
  padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;
  background:rgba(5,6,9,.88);color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.34);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  font:700 11px/1.2 var(--bam-font-ui,Inter,ui-sans-serif,system-ui,sans-serif);
  letter-spacing:.035em;pointer-events:none
}
.bam-theme-preview-badge strong{color:#f1b64b;font-size:10px;letter-spacing:.10em}
.bam-theme-preview-badge span{color:#d8dde5}

@media(max-width:680px){
  body.bam-ui-core.bam-theme-soft-gradient{
    background-image:
      radial-gradient(720px 500px at 108% -4%,rgba(255,126,72,.11) 0%,transparent 72%),
      radial-gradient(680px 520px at -18% 20%,rgba(205,46,168,.09) 0%,transparent 72%),
      radial-gradient(760px 560px at 88% 74%,rgba(76,73,232,.075) 0%,transparent 73%),
      linear-gradient(180deg,#08090c 0%,#050609 52%,#07070b 100%)!important;
    background-attachment:scroll!important;
  }
  .bam-theme-preview-badge{right:10px;bottom:10px;padding:8px 10px;font-size:10px}
}

@media(prefers-reduced-motion:reduce){
  body.bam-ui-core.bam-theme-soft-gradient{background-attachment:scroll!important}
}