/* Final source-level WantSignal polish */

/* The exact approved corporate artwork is the stacked W + rising bars + WantSignal
   wordmark selected on 2026-09-21. Use the canonical PNG for every visible brand
   placement. Do not substitute the later horizontal ribbon/arrow SVGs. */

/* Keep the canonical site header compact. Logo sizing is owned by logo.css. */
.siteNav{min-height:76px!important}
.brandLink{flex:0 0 auto!important}

/* Keep everything immediately below the homepage search aligned with the search
   box instead of starting hard against the left edge of the copy column. */
.wsHeroStats{margin-left:7px!important;margin-right:7px!important}
.wsHeroStats>div{padding:14px 12px!important;text-align:center!important}
.wsHeroStats>div:first-child{padding-left:12px!important}
.wsHeroStats b,.wsHeroStats span{text-align:center!important}

/* Affiliate disclosure lives once in the footer, not throughout cards and map detail. */
.commerceDisclosure,[data-ws-affiliate-disclosure],[data-ws-context-shopping]>.muted:last-child,#opportunityBlock>.muted:last-child,.exploreProducts>.muted:last-child,.wsEbayListingBadge{display:none!important}
.footerAffiliate{display:block;margin-top:12px;color:#6f8298;font-size:9px;line-height:1.45;max-width:520px}
[data-ws-affiliate-offers]>span:first-child{display:none!important}

/* Map stacking and click targets. MapLibre's own absolute positioning remains intact. */
.mapWrap,.exploreMap{isolation:isolate;position:relative}
.maplibregl-canvas-container{position:relative!important;z-index:1!important}
.maplibregl-control-container{pointer-events:none}
.maplibregl-control-container>div{z-index:20!important}
.maplibregl-control-container .maplibregl-ctrl{pointer-events:auto}
.maplibregl-popup{z-index:30!important;pointer-events:none!important}
.maplibregl-popup-content{pointer-events:none!important}
.side{position:relative;z-index:2}
#world{position:relative;z-index:1}

/* Global market selector and overview chart. */
.marketToolbar{display:grid;grid-template-columns:minmax(220px,320px) minmax(280px,1fr);gap:10px;align-items:center;margin:18px 0 22px}
.marketOverview{margin:0 0 24px}
.marketOverview .homeVizCard{min-height:0}
.marketHeatCell small{font-size:9px;opacity:.72}
.homeBarRow small{font-size:9px;color:var(--muted);font-weight:600}

/* The brand stylesheet was originally dark-only and used hard-coded colors with
   !important. These overrides restore the real light theme while retaining the
   dark WantSignal brand treatment as the default. */
html[data-theme="light"] body.wsBrand2026{
  background:linear-gradient(180deg,#f7f9fc 0,#eef4f9 58%,#f7f9fc 100%)!important;
  color:#0a1728!important;
}
html[data-theme="light"] body.wsBrand2026:before{
  background:radial-gradient(circle at 78% 9%,rgba(18,103,243,.08),transparent 24rem)!important;
}
html[data-theme="light"] .siteHeader{
  background:rgba(255,255,255,.96)!important;
  border-bottom-color:#d7e2ec!important;
  box-shadow:0 8px 24px rgba(25,55,85,.09)!important;
}
html[data-theme="light"] .navLinks,
html[data-theme="light"] .navLinks>a{color:#52677d!important}
html[data-theme="light"] .navLinks>a:hover,
html[data-theme="light"] .navLinks>a[aria-current="page"]{color:#0a1728!important}
html[data-theme="light"] .btn,
html[data-theme="light"] a.btn,
html[data-theme="light"] button.btn{
  background:linear-gradient(180deg,#fff,#eef4f9)!important;
  color:#0a1728!important;
  border-color:#cbd9e6!important;
  box-shadow:0 5px 16px rgba(25,55,85,.08)!important;
}
html[data-theme="light"] .wsHeroCopy h1,
html[data-theme="light"] .sectionHead h2{color:#0a1728!important}
html[data-theme="light"] .wsHeroCopy>p,
html[data-theme="light"] .sectionHead p{color:#617388!important}
html[data-theme="light"] .wsHeroSearch{
  background:#fff!important;
  border-color:#bfd0e2!important;
  box-shadow:0 10px 26px rgba(25,55,85,.08)!important;
}
html[data-theme="light"] .wsHeroSearch input{color:#0a1728!important}
html[data-theme="light"] .wsHeroStats{border-color:#d8e2ec!important}
html[data-theme="light"] .wsHeroStats>div{border-right-color:#d8e2ec!important}
html[data-theme="light"] .wsHeroStats b{color:#0a1728!important}
html[data-theme="light"] .wsHeroStats span{color:#66788d!important}
html[data-theme="light"] .card,
html[data-theme="light"] .marketCard,
html[data-theme="light"] .chartCard,
html[data-theme="light"] .explorePanel,
html[data-theme="light"] .statCard,
html[data-theme="light"] .termBox,
html[data-theme="light"] .tableWrap,
html[data-theme="light"] .signalArt{
  background:#fff!important;
  border-color:#d6e0ea!important;
  box-shadow:0 10px 28px rgba(25,55,85,.07)!important;
  color:#0a1728!important;
}
html[data-theme="light"] .search,
html[data-theme="light"] .control{
  background:#fff!important;
  color:#0a1728!important;
  border-color:#cbd9e6!important;
}
html[data-theme="light"] th{background:#eef3f8!important;color:#5d7187!important}
html[data-theme="light"] tr:hover td{background:#f7faff!important}
html[data-theme="light"] .siteFooter{
  background:#edf3f8!important;
  border-top-color:#d2dde8!important;
  color:#65798e!important;
}
html[data-theme="light"] .footerGrid b{color:#0a1728!important}
html[data-theme="light"] .footerGrid a{color:#52677d!important}
html[data-theme="light"] .footerBottom{border-top-color:#d2dde8!important}
html[data-theme="light"] .footerAffiliate{color:#6c7f92!important}
html[data-theme="light"] .mapLayout{background:#f8fbfe!important;border-color:#cfdce8!important;box-shadow:0 18px 46px rgba(25,55,85,.12)!important}
html[data-theme="light"] .mapWrap,
html[data-theme="light"] #world{background:#eaf1f7!important}
html[data-theme="light"] .side{
  background:linear-gradient(180deg,#fff,#f1f6fa)!important;
  border-left-color:#d2dde8!important;
  color:#0a1728!important;
}
html[data-theme="light"] .side h3,
html[data-theme="light"] .side h4{color:#0a1728!important}
html[data-theme="light"] .side .muted,
html[data-theme="light"] .side ol{color:#63778c!important}
html[data-theme="light"] .maplibregl-ctrl-group{
  background:#fff!important;border-color:#cbd9e6!important;box-shadow:0 8px 22px rgba(25,55,85,.16)!important
}
html[data-theme="light"] .maplibregl-ctrl-group button{background-color:#fff!important;border-color:#d8e2ec!important}
html[data-theme="light"] .maplibregl-ctrl-group button:hover{background-color:#eef4f9!important}
html[data-theme="light"] .maplibregl-ctrl-icon{filter:none!important}
html[data-theme="light"] .maplibregl-ctrl-attrib{background:rgba(255,255,255,.88)!important;color:#64788d!important}
html[data-theme="light"] .maplibregl-popup-content{background:#fff!important;color:#0a1728!important;border-color:#cbd9e6!important}
html[data-theme="light"] .maplibregl-popup-tip{border-top-color:#fff!important;border-bottom-color:#fff!important}

/* Homepage dashboard follows the active theme in the same statically loaded
   stylesheet that already fixes the rest of the light shell. This deliberately
   outranks the legacy hard-coded dark #demandVisuals rules. */
html[data-theme="light"] #demandVisuals{background:#f5f8fc!important;color:#0a1728!important}
html[data-theme="light"] #demandVisuals>.wrap{background:#fff!important;color:#0a1728!important;border:1px solid #d8e3ed!important;box-shadow:0 18px 44px rgba(25,55,85,.10)!important}
html[data-theme="light"] #demandVisuals .sectionHead h2,
html[data-theme="light"] #demandVisuals h3{color:#0a1728!important}
html[data-theme="light"] #demandVisuals .sectionHead p,
html[data-theme="light"] #demandVisuals .homeVizCard>p,
html[data-theme="light"] #demandVisuals .muted{color:#617388!important}
html[data-theme="light"] #demandVisuals .homeVizCard{background:#fff!important;color:#0a1728!important;border:1px solid #d5e1ec!important;box-shadow:0 10px 28px rgba(25,55,85,.07)!important}
html[data-theme="light"] #demandVisuals .donutChart:after{background:#fff!important;box-shadow:inset 0 0 0 1px #d8e3ed!important}
html[data-theme="light"] #demandVisuals .homeBarRow{color:#263b50!important}
html[data-theme="light"] #demandVisuals .homeBarRow>i{background:#dfe8f0!important}
html[data-theme="light"] #demandVisuals .chartAxis{stroke:#c6d4e0!important}
html[data-theme="light"] #demandVisuals .chartLabel{fill:#617388!important}

@media(max-width:900px){
  .marketToolbar{grid-template-columns:1fr}
}
@media(max-width:560px){
  .wsHeroStats{margin-left:4px!important;margin-right:4px!important}
  .wsHeroStats>div{padding:12px 8px!important}
}