/* SWUAK Seasonal v68 — color-only correction layer.
   Loaded after the existing Seasonal stylesheet.
   DO NOT change markup, layout, sizing, positioning, scroll behavior, or JS geometry here. */

html[data-appearance="seasonal"]{
  --season-card:#333333;
  --season-card-hover:#3a3a3a;
  --season-card-deep:#2d2d2d;
  --season-border:#4a4a48;
  --season-text:#efeeeb;
  --season-muted:#bbb8b2;
  --season-dim:#94908a;
  --season-pill:rgba(105,77,58,.72);
  --season-pill-border:rgba(211,154,97,.22);
}

/* Keep the fall atmosphere from the existing theme. Cards themselves are solid,
   MSN-like charcoal-gray surfaces; the frost/color remains behind the UI. */
html[data-appearance="seasonal"] :where(
  .forecast-section,
  .weather-details-section,
  .overview-radar,
  .health-hero,
  .health-card,
  .health-outlook,
  .trend-chart-panel,
  .trend-day-card,
  .hourly-table-row,
  .daily-card,
  .daily-detail,
  .daily-detail-grid>div,
  .summary-card,
  .market-chart-card,
  .soft-card,
  .instrument-search-card,
  .watch-card,
  .pulse-card,
  .crypto-card,
  .rate-card,
  .future-card,
  .market-calendar-preview,
  .calendar-list,
  .stock-detail-chart,
  .crypto-list,
  .directory-list,
  .stock-company-card,
  .stock-watchlist-box,
  .filings-list,
  .financial-metrics>div,
  .fact-grid>div,
  .economy-chart-card,
  .market-news-carousel-shell
){
  background:var(--season-card)!important;
  border-color:var(--season-border)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html[data-appearance="seasonal"] :where(
  .hour-card,
  .market-watch-grid .watch-card,
  .economy-full-grid .pulse-card,
  .economy-pulse-grid .pulse-card
){
  background:var(--season-card)!important;
  border-color:var(--season-border)!important;
}
html[data-appearance="seasonal"] :where(.hour-card:hover,.daily-card:hover,.directory-row:hover,.crypto-row:hover){
  background:var(--season-card-hover)!important;
}

/* 10-day: same gray surface for all days. Only an actually expanded day gets a
   restrained selection treatment; Today is NOT permanently colored. */
html[data-appearance="seasonal"] .daily-card,
html[data-appearance="seasonal"] .daily-card.today{
  background:var(--season-card)!important;
  border-color:var(--season-border)!important;
  color:var(--season-text)!important;
}
html[data-appearance="seasonal"] .daily-card[aria-expanded="true"]{
  background:#3b3632!important;
  border-color:#665041!important;
}
html[data-appearance="seasonal"] .daily-detail,
html[data-appearance="seasonal"] .daily-detail:before{background:var(--season-card)!important}
html[data-appearance="seasonal"] .daily-detail-grid>div{background:var(--season-card-deep)!important}

/* Weather charts and Air & Health use the SAME gray family instead of near-black. */
html[data-appearance="seasonal"] :where(.overview-detail-chart,.hourly-detail-chart,.health-outlook-bars){
  background:var(--season-card)!important;
  border-color:var(--season-border)!important;
}
html[data-appearance="seasonal"] .health-hero{background:var(--season-card)!important}
html[data-appearance="seasonal"] .aqi-ring:before{background:var(--season-card-deep)!important}

/* Market tables/lists and detailed panels use the same card gray. */
html[data-appearance="seasonal"] :where(.crypto-row,.directory-row,.calendar-row,.filing-row,.watchlist-row){
  background:var(--season-card)!important;
  border-color:var(--season-border)!important;
}
html[data-appearance="seasonal"] :where(.instrument-detail,.stock-financials,.stock-technicals-wide){
  background:transparent!important;
}

/* News: do not alter full-image/overlay card structure. Only card types that
   already have a solid copy panel receive the gray color. */
html[data-appearance="seasonal"] .news-mosaic-page :where(.card--split,.card--text) .story-card-copy{
  background:var(--season-card)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-appearance="seasonal"] .news-mosaic-page :where(.card--split,.card--text){
  background:var(--season-card)!important;
}
html[data-appearance="seasonal"] .news-mosaic-page .card--overlay .story-card-copy,
html[data-appearance="seasonal"] .hero-carousel-slide .story-card-copy{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Live section: color only. Do not add blur/overlays to stream images. */
html[data-appearance="seasonal"] .news-live-module{
  background:var(--season-card)!important;
  border-color:var(--season-border)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-appearance="seasonal"] .swuak-live-card{background:var(--season-card)!important;border-color:var(--season-border)!important}
html[data-appearance="seasonal"] .swuak-live-card-copy{background:var(--season-card)!important;color:var(--season-text)!important}
html[data-appearance="seasonal"] .swuak-live-card-title,
html[data-appearance="seasonal"] .swuak-live-card-title strong,
html[data-appearance="seasonal"] .swuak-live-card-title>span:last-child{color:#fff!important}

/* Primary / muted text. Major live names stay white by request. */
html[data-appearance="seasonal"] :where(
  .weather-page,.markets-page,
  .daily-card,.daily-detail,.hourly-table-row,.health-card,.trend-day-card,
  .summary-card,.market-chart-card,.soft-card,.watch-card,.pulse-card,.crypto-card,.rate-card,.future-card,
  .crypto-row,.directory-row,.calendar-row,.filing-row,.financial-metrics>div,.fact-grid>div
){color:var(--season-text)!important}
html[data-appearance="seasonal"] :where(
  .section-heading>div>span,.section-heading>span,
  .daily-day small,.daily-temp .low,.daily-detail-summary,.daily-detail-grid span,.daily-detail-grid small,
  .hourly-table-row span,.health-card small,.health-card span,.health-card b em,.trend-day-card small,
  .market-updated,.market-title-row p,.view-heading p,.financial-metrics small,.fact-grid small,
  .crypto-row small,.directory-row small
){color:var(--season-muted)!important}

/* One consistent selected-pill language throughout Weather and Markets.
   Inactive tabs remain transparent/readable instead of turning black. */
html[data-appearance="seasonal"] :where(
  .weather-view-tabs button,
  .detail-tabs button,
  .hourly-metric-tabs button,
  .trend-tabs button,
  .hourly-day-switch button,
  .trend-scope button,
  .markets-view-tabs button,
  .market-range-tabs button,
  .economy-tabs button,
  .instrument-toggle button,
  .economy-jump-tabs button
){
  background:transparent!important;
  color:var(--season-muted)!important;
  box-shadow:none!important;
}
html[data-appearance="seasonal"] :where(
  .weather-view-tabs button:hover,
  .detail-tabs button:hover,
  .hourly-metric-tabs button:hover,
  .trend-tabs button:hover,
  .hourly-day-switch button:hover,
  .trend-scope button:hover,
  .markets-view-tabs button:hover,
  .market-range-tabs button:hover,
  .economy-tabs button:hover,
  .instrument-toggle button:hover,
  .economy-jump-tabs button:hover
){color:var(--season-text)!important}
html[data-appearance="seasonal"] :where(
  .weather-view-tabs button.active,
  .detail-tabs button.active,
  .hourly-metric-tabs button.active,
  .trend-tabs button.active,
  .hourly-day-switch button.active,
  .trend-scope button.active,
  .markets-view-tabs button.active,
  .market-range-tabs button.active,
  .economy-tabs button.active,
  .instrument-toggle button.active,
  .economy-jump-tabs button.active
){
  background:var(--season-pill)!important;
  border-color:var(--season-pill-border)!important;
  color:#f2eee9!important;
}

/* Header nav stays readable on every page. */
html[data-appearance="seasonal"] .main-nav a:not(.active){color:#aaa69f!important;opacity:1!important}
html[data-appearance="seasonal"] .main-nav a:hover{color:#d7d3cc!important}
html[data-appearance="seasonal"] .main-nav a.active{color:#efebe5!important}

/* RADAR — retain v66 geometry/scroll behavior. Only recolor it. */
html[data-appearance="seasonal"] .radar-shell,
html[data-appearance="seasonal"] .radar-shell #weatherMap{background:#090a0a!important;border-color:#454644!important}
html[data-appearance="seasonal"] .radar-shell .leaflet-tile-pane .leaflet-layer:first-child{
  filter:grayscale(1) brightness(.19) contrast(1.48) saturate(.35)!important;
}
/* Correct Leaflet pane class names; JS in v66 already lifts these above radar. */
html[data-appearance="seasonal"] .radar-shell .leaflet-statesPane-pane path{
  fill:transparent!important;fill-opacity:0!important;
  stroke:#c2c5c3!important;stroke-width:1.1!important;stroke-opacity:.92!important;
}
html[data-appearance="seasonal"] .radar-shell .leaflet-countyPane-pane path{
  fill:none!important;stroke:#767b78!important;stroke-width:.58!important;stroke-opacity:.68!important;
}

/* Keep the top-right control PILL visible; individual buttons remain naked until hover. */
html[data-appearance="seasonal"] .radar-top-tools{
  background:var(--season-card)!important;
  border:1px solid var(--season-border)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.20)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-appearance="seasonal"] .radar-top-tools button{
  background:transparent!important;border-color:transparent!important;color:#e3e1dc!important;box-shadow:none!important;
}
html[data-appearance="seasonal"] .radar-top-tools button:hover{background:#454545!important}

/* Top-left layer tabs use the same pill language as the page tabs. */
html[data-appearance="seasonal"] .radar-shell .radar-layer-tabs button{
  background:rgba(38,38,38,.90)!important;
  border-color:#4a4a48!important;
  color:#d0cdc7!important;
}
html[data-appearance="seasonal"] .radar-shell .radar-layer-tabs button.active{
  background:var(--season-pill)!important;
  border-color:var(--season-pill-border)!important;
  color:#f2eee9!important;
}

/* Playback bar: DO NOT alter dimensions, widths, scroll, or placement.
   Just restore readable colors/ticks using the existing v66 markup. */
html[data-appearance="seasonal"] .radar-controls{
  background:var(--season-card)!important;
  border-color:var(--season-border)!important;
  color:var(--season-text)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.20)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-appearance="seasonal"] .radar-timeline-window{border-right-color:#5a5a57!important}
html[data-appearance="seasonal"] .radar-range-wrap input::-webkit-slider-runnable-track{
  background:linear-gradient(90deg,#b98247 0 var(--progress,0%),#61615e var(--progress,0%) 100%)!important;
}
html[data-appearance="seasonal"] .radar-range-wrap input::-moz-range-track{
  background:linear-gradient(90deg,#b98247 0 var(--progress,0%),#61615e var(--progress,0%) 100%)!important;
}
html[data-appearance="seasonal"] .radar-range-wrap input::-webkit-slider-thumb{background:#dedbd5!important;border-color:#252525!important}
html[data-appearance="seasonal"] .radar-range-wrap input::-moz-range-thumb{background:#dedbd5!important;border-color:#252525!important}
html[data-appearance="seasonal"] .radar-time-mark,
html[data-appearance="seasonal"] .radar-time-mark b{
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
html[data-appearance="seasonal"] .radar-time-mark b{
  color:#c9c6c0!important;
  font-size:11.5px!important;
  font-weight:800!important;
}
html[data-appearance="seasonal"] .radar-time-mark i{
  background:#777773!important;
  opacity:.95!important;
}
html[data-appearance="seasonal"] .radar-play,
html[data-appearance="seasonal"] .radar-speed{
  background:transparent!important;border-color:transparent!important;color:#e1ded8!important;box-shadow:none!important;
}
html[data-appearance="seasonal"] .radar-play:hover,
html[data-appearance="seasonal"] .radar-speed:hover{background:#454545!important}
html[data-appearance="seasonal"] .radar-speed-menu{
  background:var(--season-card)!important;border-color:var(--season-border)!important;color:var(--season-text)!important;
}
html[data-appearance="seasonal"] .radar-speed-menu button{background:transparent!important;color:#c9c6c0!important}
html[data-appearance="seasonal"] .radar-speed-menu button:hover,
html[data-appearance="seasonal"] .radar-speed-menu button.active{background:var(--season-pill)!important;color:#f2eee9!important}

/* Keep Seasonal fades dark. Cream is untouched because all selectors are scoped. */
html[data-appearance="seasonal"] .weather-news-fade{
  background:linear-gradient(180deg,rgba(15,13,12,0),rgba(15,13,12,.68) 46%,rgba(15,13,12,.97) 86%)!important;
}
html[data-appearance="seasonal"] .article-body-fade{
  background:linear-gradient(180deg,rgba(15,13,12,0),rgba(15,13,12,.72) 44%,rgba(15,13,12,.98) 86%)!important;
}