/* SWUAK v69 — targeted refinement only.
   This layer intentionally avoids news-card/layout/market/weather structure changes. */

/* 1) Remove the scrolling ticker bar from the site header and leave a simple underline. */
.site-header > .live-line{display:none!important}
.site-header{border-bottom:1px solid #d8d2c7!important}
html[data-appearance="seasonal"] .site-header{border-bottom-color:rgba(238,218,193,.20)!important}

/* 2) Seasonal atmosphere: brighter/friendlier fall near the top, gradually deeper
      as the document continues downward. The color field is document-based so
      scrolling moves into the deeper tones rather than showing one fixed dark wash. */
html[data-appearance="seasonal"] body::before{
  position:absolute!important;
  inset:0!important;
  transform:none!important;
  filter:none!important;
  background:
    radial-gradient(58vw 36vw at 8% 3%,rgba(224,143,70,.34),transparent 72%),
    radial-gradient(52vw 34vw at 88% 11%,rgba(175,74,47,.25),transparent 74%),
    radial-gradient(48vw 38vw at 28% 30%,rgba(191,123,57,.18),transparent 76%),
    linear-gradient(180deg,
      #724326 0%,
      #6b3c23 15%,
      #5c3421 32%,
      #4b2d1f 49%,
      #3a251b 66%,
      #2a1c16 82%,
      #17120f 100%)!important;
}
html[data-appearance="seasonal"] body::after{
  background:rgba(15,13,11,.18)!important;
  backdrop-filter:blur(24px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(112%)!important;
}

/* 3) Live Now: keep the existing module/layout/cards, but remove the outer outline
      and the Coverage / Local row labels. */
.news-live-module{border:0!important;box-shadow:none!important}
.news-live-heading{display:none!important}
.news-live-row--local{margin-top:10px!important;padding-top:0!important}

/* 4) Radar layer toggles: solid/dark when inactive, clearly bright when selected. */
html[data-appearance="seasonal"] .radar-shell .radar-layer-tabs button{
  background:#2f302e!important;
  border-color:#50514d!important;
  color:#dedbd4!important;
}
html[data-appearance="seasonal"] .radar-shell .radar-layer-tabs button:hover{
  background:#3a3b38!important;
  border-color:#65655f!important;
  color:#f1eee8!important;
}
html[data-appearance="seasonal"] .radar-shell .radar-layer-tabs button.active{
  background:#eee5d8!important;
  border-color:#eee5d8!important;
  color:#211b16!important;
}

/* 5) Restore the timeline as a clipped horizontal scroller. The long timeline may
      be wider than the visible bar, but it cannot paint past the bar/speed control. */
html[data-appearance="seasonal"] .radar-timeline-window{
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
  border-right-color:#555650!important;
}
html[data-appearance="seasonal"] .radar-timeline-window::-webkit-scrollbar{display:none!important}
html[data-appearance="seasonal"] .radar-range-wrap{overflow:visible!important}
html[data-appearance="seasonal"] .radar-time-labels{overflow:visible!important}
html[data-appearance="seasonal"] .radar-time-mark b{font-size:8px!important;color:#c1bdb6!important}
html[data-appearance="seasonal"] .radar-time-mark.active b{color:#f5f1e9!important}