/* SWUAK v65 precision correction pass.
   This layer does not redesign news cards. It restores original card behavior,
   then changes only Seasonal colors and the specific Weather/Markets/radar controls requested. */

html[data-appearance="seasonal"]{
  --season-card:#3b3b39;
  --season-card-hover:#41413f;
  --season-card-inner:#343432;
  --season-border:#55514b;
  --season-text:#ece9e4;
  --season-muted:#c2bdb5;
  --season-pill:rgba(236,218,198,.11);
  --season-pill-border:rgba(236,218,198,.16);
}

/* Keep the fall frost/background atmosphere, but cards themselves stay solid. */
html[data-appearance="seasonal"] body::before{
  inset:-12vmax!important;
  background:
    radial-gradient(58vmax 50vmax at 2% 8%,rgba(121,65,37,.34),transparent 72%),
    radial-gradient(62vmax 52vmax at 100% 4%,rgba(91,48,39,.26),transparent 74%),
    radial-gradient(65vmax 54vmax at 48% 92%,rgba(103,79,43,.18),transparent 75%),
    linear-gradient(142deg,#17120f 0%,#2a1a13 20%,#3a281a 38%,#2f2a1d 55%,#241b16 72%,#121110 100%)!important;
  filter:blur(58px) saturate(102%)!important;
  transform:scale(1.05)!important;
}
html[data-appearance="seasonal"] body::after{
  background:linear-gradient(180deg,rgba(15,14,13,.22),rgba(14,13,12,.36) 44%,rgba(12,12,11,.52) 100%)!important;
  backdrop-filter:blur(26px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(108%)!important;
}

/* --------------------------------------------------------------------------
   NEWS: restore the original card presentation. Full-image cards stay image
   cards; the auto hero has NO solid UI slab over the bottom. Only existing
   split/text surfaces receive a Seasonal gray color.
   -------------------------------------------------------------------------- */
html[data-appearance="seasonal"] .hero-carousel,
html[data-appearance="seasonal"] .hero-carousel-slide,
html[data-appearance="seasonal"] .card--overlay{background:#202020!important}
html[data-appearance="seasonal"] .hero-carousel-slide .story-card-copy,
html[data-appearance="seasonal"] .card--overlay .story-card-copy{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
html[data-appearance="seasonal"] .hero-carousel-slide .story-card-shade,
html[data-appearance="seasonal"] .card--overlay .story-card-shade{
  display:block!important;
}
html[data-appearance="seasonal"] .card--split .story-card-copy,
html[data-appearance="seasonal"] .card--split.card--wide .story-card-copy,
html[data-appearance="seasonal"] .card--text .story-card-copy{
  background:var(--season-card)!important;
  border-color:var(--season-border)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
html[data-appearance="seasonal"] .card--text .story-card-copy{background:var(--season-card)!important}
html[data-appearance="seasonal"] .news-mosaic-page :where(.card--split,.card--text) .story-card-meta,
html[data-appearance="seasonal"] .news-mosaic-page :where(.card--split,.card--text) .story-card-meta span,
html[data-appearance="seasonal"] .news-mosaic-page :where(.card--split,.card--text) .story-source-line,
html[data-appearance="seasonal"] .news-mosaic-page :where(.card--split,.card--text) :where(.story-source-name,.story-age,.story-author,.story-meta-sep){color:#f1eee8!important;text-shadow:none!important}
html[data-appearance="seasonal"] .hero-carousel-slide :where(h2,.story-card-meta,.story-card-meta span,.story-source-line),
html[data-appearance="seasonal"] .card--overlay :where(h2,.story-card-meta,.story-card-meta span,.story-source-line){color:#fff!important}
html[data-appearance="seasonal"] .hero-carousel-slide .story-card-copy{padding-bottom:46px!important}
html[data-appearance="seasonal"] .hero-carousel-dots{bottom:6px!important}

/* Live cards keep their existing structure; solid color only. */
html[data-appearance="seasonal"] .news-live-module{background:var(--season-card)!important;border-color:var(--season-border)!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;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
html[data-appearance="seasonal"] .swuak-live-card-copy{background:var(--season-card)!important;color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!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}

/* Home weather warning: no underline; icon centered and readable. */
.weather-mosaic-alert{top:14px!important;gap:7px!important;padding:0!important;border-bottom:0!important;text-decoration:none!important}
.weather-mosaic-alert:hover{border-bottom:0!important;text-decoration:none!important}
.weather-mosaic-alert img{width:17px!important;height:17px!important;transform:translateY(1px)!important}
.weather-mosaic-alert span{font-size:9.5px!important}

/* --------------------------------------------------------------------------
   UNIFIED SEASONAL CARD SURFACE — Weather and Markets use the same lighter gray.
   No blur on these UI cards.
   -------------------------------------------------------------------------- */
html[data-appearance="seasonal"] :where(
  .forecast-section,.weather-details-section,.overview-radar,.overview-detail-chart,
  .hourly-detail-chart,.hourly-table-row,.health-hero,.health-card,.health-outlook,
  .trend-day-card,.trend-chart-panel,.ten-day-card,.daily-card,.daily-detail,
  .summary-card,.market-chart-card,.soft-card,.watch-card,.pulse-card,.crypto-card,
  .rate-card,.future-card,.market-calendar-preview,.calendar-list,.stock-detail-chart,
  .crypto-list,.directory-list,.stock-watchlist-box,.financial-metrics>div
){
  background:var(--season-card)!important;
  border-color:var(--season-border)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
html[data-appearance="seasonal"] .overview-detail-chart,
html[data-appearance="seasonal"] .hourly-detail-chart,
html[data-appearance="seasonal"] .trend-chart-panel,
html[data-appearance="seasonal"] .market-chart-card,
html[data-appearance="seasonal"] .stock-detail-chart{background:var(--season-card)!important}

/* Weather detail/support text. */
html[data-appearance="seasonal"] .weather-page :where(h1,h2,h3,.daily-day b,.daily-name,.daily-temp,.daily-detail-head h3,.daily-detail-grid b){color:#fff!important}
html[data-appearance="seasonal"] .weather-page :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-explanation){color:var(--season-muted)!important}

/* 10-day: Today is NOT permanently highlighted. Only the opened/selected day changes. */
html[data-appearance="seasonal"] .daily-list{background:transparent!important}
html[data-appearance="seasonal"] .daily-card,
html[data-appearance="seasonal"] .daily-card.today{
  background:var(--season-card)!important;
  border:1px solid var(--season-border)!important;
  color:var(--season-text)!important;
  box-shadow:none!important;
}
html[data-appearance="seasonal"] .daily-card:hover{background:var(--season-card-hover)!important;border-color:#67615a!important}
html[data-appearance="seasonal"] .daily-card[aria-expanded="true"]{background:var(--season-card-hover)!important;border-color:#8a8176!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important}
html[data-appearance="seasonal"] .daily-detail{background:var(--season-card)!important}
html[data-appearance="seasonal"] .daily-detail:before{background:var(--season-card)!important;border-color:var(--season-border)!important}
html[data-appearance="seasonal"] .daily-detail-grid>div{background:var(--season-card-inner)!important;border-color:#4d4b47!important}

/* Hourly / Air & Health / Trends. */
html[data-appearance="seasonal"] .hourly-table{gap:6px!important}
html[data-appearance="seasonal"] .hourly-table-row{color:var(--season-text)!important;border:1px solid var(--season-border)!important}
html[data-appearance="seasonal"] .hourly-table-row span{color:#d0cbc4!important}
html[data-appearance="seasonal"] .hourly-table-row b{color:#fff!important}
html[data-appearance="seasonal"] .health-hero{color:#fff!important}
html[data-appearance="seasonal"] .health-hero p{color:#d9d5cf!important}
html[data-appearance="seasonal"] .health-card{color:#f1eee9!important}
html[data-appearance="seasonal"] .health-card small,
html[data-appearance="seasonal"] .health-card b em,
html[data-appearance="seasonal"] .health-card span{color:#c9c4bc!important}
html[data-appearance="seasonal"] .aqi-ring:before{background:#2d2d2b!important}
html[data-appearance="seasonal"] .health-outlook-bars{background:var(--season-card-inner)!important;border:1px solid #4d4b47!important}
html[data-appearance="seasonal"] .health-outlook-labels span{color:#c1bcb5!important}
html[data-appearance="seasonal"] .trend-day-card{color:#f3f0eb!important}
html[data-appearance="seasonal"] .trend-day-card small{color:#c9c4bc!important}
html[data-appearance="seasonal"] :where(#trendGrid line,#overviewDetailGrid line,#hourDetailGrid line){stroke:rgba(235,232,226,.24)!important}
html[data-appearance="seasonal"] :where(#trendYAxis text,#trendLabels text,#overviewDetailAxis text,#overviewDetailTimes text,#hourDetailAxis text,#hourDetailTimes text){fill:#c8c3bb!important}

/* Compact warning bar: readable text without making the bar bulkier. */
.weather-alert-bar{padding:9px 12px!important;border-radius:8px!important;min-height:0!important}
.top-alert-summary{align-items:center!important;gap:8px!important}
.top-alert-summary img{width:21px!important;height:21px!important;transform:none!important}
.top-alert-summary b{font-size:11.5px!important;line-height:1.18!important}
.top-alert-summary small{font-size:8.5px!important;line-height:1.28!important}
.top-alert-details{padding:3px 2px!important;border:0!important;background:transparent!important;font-size:9.5px!important;text-decoration:underline!important}
.alert-detail-drawer{padding:10px 0 1px!important}
.alert-detail-drawer h3{margin:0 0 7px!important;font-size:15px!important}
.alert-detail-meta,.alert-detail-grid{font-size:9.5px!important;line-height:1.45!important}
html[data-appearance="seasonal"] .weather-alert-bar,
html[data-appearance="seasonal"] .alerts{background:#453332!important;border:1px solid #624945!important;color:#eee9e5!important}
html[data-appearance="seasonal"] .top-alert-summary b{color:#fff!important}
html[data-appearance="seasonal"] .top-alert-summary small{color:#d0c2bd!important}
html[data-appearance="seasonal"] .top-alert-details{color:#eee9e4!important}
html[data-appearance="seasonal"] .alert-detail-drawer h3{color:#fff!important}
html[data-appearance="seasonal"] .alert-detail-meta,
html[data-appearance="seasonal"] .alert-detail-grid{color:#ddd2cd!important}

/* --------------------------------------------------------------------------
   TABS / PILLS: one consistent Seasonal treatment. Inactive tabs remain
   transparent; active tabs use the same subtle warm pill as the Trends example.
   -------------------------------------------------------------------------- */
html[data-appearance="seasonal"] :where(
  .weather-view-tabs,.detail-tabs,.hourly-metric-tabs,.trend-tabs,.hourly-day-switch,
  .trend-scope,.radar-layer-tabs,.markets-view-tabs,.market-range-tabs,.economy-tabs,
  .instrument-toggle,.economy-jump-tabs
) button{
  background:transparent!important;
  border:1px solid transparent!important;
  color:#bfb9b1!important;
  box-shadow:none!important;
}
html[data-appearance="seasonal"] :where(
  .weather-view-tabs,.detail-tabs,.hourly-metric-tabs,.trend-tabs,.hourly-day-switch,
  .trend-scope,.radar-layer-tabs,.markets-view-tabs,.market-range-tabs,.economy-tabs,
  .instrument-toggle,.economy-jump-tabs
) button:hover{
  background:rgba(236,218,198,.055)!important;
  color:#f1eee9!important;
}
html[data-appearance="seasonal"] :where(
  .weather-view-tabs,.detail-tabs,.hourly-metric-tabs,.trend-tabs,.hourly-day-switch,
  .trend-scope,.radar-layer-tabs,.markets-view-tabs,.market-range-tabs,.economy-tabs,
  .instrument-toggle,.economy-jump-tabs
) button.active{
  background:var(--season-pill)!important;
  border-color:var(--season-pill-border)!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* --------------------------------------------------------------------------
   RADAR: genuinely dark base, boundaries above the weather imagery, readable
   timeline, dark speed popup, no permanent hover circles on top-right tools.
   -------------------------------------------------------------------------- */
html[data-appearance="seasonal"] .radar-shell,
html[data-appearance="seasonal"] .radar-shell #weatherMap{background:#0e0f0f!important}
html[data-appearance="seasonal"] .radar-shell .leaflet-tile-pane .leaflet-layer:first-child{
  filter:grayscale(1) brightness(.13) contrast(1.55)!important;
}
/* Support both Leaflet pane class spellings while JS also fixes pane z-index. */
html[data-appearance="seasonal"] .radar-shell :is(.leaflet-states-pane,.leaflet-statesPane-pane) path{
  fill:none!important;fill-opacity:0!important;stroke:#c4c7c5!important;stroke-width:1.15!important;stroke-opacity:.94!important;
}
html[data-appearance="seasonal"] .radar-shell :is(.leaflet-county-pane,.leaflet-countyPane-pane) path{
  fill:none!important;stroke:#858a87!important;stroke-width:.62!important;stroke-opacity:.70!important;
}
html[data-appearance="seasonal"] .map-place-label{color:#e3e4e2!important;text-shadow:0 1px 2px #000,0 0 7px #000!important}

html[data-appearance="seasonal"] .radar-controls,
html[data-appearance="seasonal"] .radar-speed-menu,
html[data-appearance="seasonal"] .map-scale-legend{
  background:#2e2f2d!important;
  border-color:#50514d!important;
  color:#e8e5df!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
html[data-appearance="seasonal"] .radar-top-tools{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!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;
  box-shadow:none!important;
  color:#e8e5df!important;
}
html[data-appearance="seasonal"] .radar-top-tools button:hover{
  background:#3a3b38!important;
  border-color:#555650!important;
}
html[data-appearance="seasonal"] .radar-top-tools button img{filter:grayscale(1) brightness(2.15)!important}
html[data-appearance="seasonal"] .radar-play,
html[data-appearance="seasonal"] .radar-speed{background:transparent!important;color:#eeeae4!important}
html[data-appearance="seasonal"] .radar-play:hover,
html[data-appearance="seasonal"] .radar-speed:hover{background:#3b3c39!important}
html[data-appearance="seasonal"] .radar-timeline-window{overflow:visible!important;border-right-color:#555650!important}
html[data-appearance="seasonal"] .radar-range-wrap{overflow:visible!important}
html[data-appearance="seasonal"] .radar-range-wrap input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#d8d3ca 0 var(--progress,0%),#666862 var(--progress,0%) 100%)!important}
html[data-appearance="seasonal"] .radar-range-wrap input::-moz-range-track{background:linear-gradient(90deg,#d8d3ca 0 var(--progress,0%),#666862 var(--progress,0%) 100%)!important}
html[data-appearance="seasonal"] .radar-range-wrap input::-webkit-slider-thumb{border-color:#181918!important;background:#e2ddd4!important}
html[data-appearance="seasonal"] .radar-range-wrap input::-moz-range-thumb{border-color:#181918!important;background:#e2ddd4!important}

/* Timeline markers are markers, not gray oval buttons. Keep every tick + label visible. */
.radar-time-mark,
.radar-controls .radar-time-mark{
  display:block!important;width:auto!important;min-width:0!important;height:18px!important;min-height:0!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;line-height:1!important;color:inherit!important;
}
.radar-time-mark:hover,.radar-controls .radar-time-mark:hover{background:transparent!important;box-shadow:none!important}
.radar-time-mark i{opacity:1!important}
.radar-time-mark b{
  opacity:1!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:#aaa69f!important;font-size:6.5px!important;font-weight:700!important;white-space:nowrap!important;
}
.radar-time-mark.active b{color:#fff!important;font-weight:850!important}
.radar-time-mark i,.radar-time-mark.active i{background:#73756f!important;opacity:1!important}
html[data-appearance="seasonal"] .radar-time{color:#e8e4de!important}

html[data-appearance="seasonal"] .radar-speed-menu{padding:5px!important;border-radius:11px!important}
html[data-appearance="seasonal"] .radar-speed-menu button{
  background:transparent!important;border:0!important;color:#d7d3cc!important;box-shadow:none!important;
}
html[data-appearance="seasonal"] .radar-speed-menu button:hover,
html[data-appearance="seasonal"] .radar-speed-menu button.active{
  background:rgba(255,255,255,.08)!important;color:#fff!important;
}

/* --------------------------------------------------------------------------
   MARKETS: every card-style UI surface uses the same Seasonal gray. Search/menu
   controls that were still Cream are converted too.
   -------------------------------------------------------------------------- */
html[data-appearance="seasonal"] .markets-page{color:#f2efea!important}
html[data-appearance="seasonal"] :where(
  .summary-card,.market-chart-card,.soft-card,.watch-card,.pulse-card,.crypto-card,
  .rate-card,.future-card,.market-calendar-preview,.calendar-list,.stock-detail-chart,
  .crypto-list,.directory-list,.stock-watchlist-box,.financial-metrics>div,
  .instrument-search-results
){background:var(--season-card)!important;border-color:var(--season-border)!important;box-shadow:none!important}
html[data-appearance="seasonal"] :where(.instrument-search,.compact-search,.directory-search){
  background:var(--season-card)!important;border-color:var(--season-border)!important;color:#eeeae4!important;
}
html[data-appearance="seasonal"] :where(.instrument-search input,.compact-search input,.directory-search input){color:#f1eee8!important}
html[data-appearance="seasonal"] :where(.instrument-search span,.compact-search span,.directory-search span){color:#c6c1b9!important}
html[data-appearance="seasonal"] :where(.crypto-row,.directory-row,.filing-row,.calendar-row,.watchlist-row){border-color:#55514b!important;color:#eeeae4!important}
html[data-appearance="seasonal"] :where(.crypto-row,.directory-row,.watchlist-open,.search-result-row):hover{background:var(--season-card-hover)!important}
html[data-appearance="seasonal"] .markets-page :where(h1,h2,h3,strong,.crypto-row b,.directory-row b,.financial-metrics b,.fact-grid b){color:#fff!important}
html[data-appearance="seasonal"] .markets-page :where(.market-title-row p,.view-heading p,.market-updated,.crypto-row small,.directory-row small,.financial-metrics small,.fact-grid small,.market-axis-label){color:#c6c1b9!important;fill:#c6c1b9!important}
html[data-appearance="seasonal"] .market-grid-line{stroke:rgba(235,232,226,.18)!important}
html[data-appearance="seasonal"] .market-stat-strip{border-color:#55514b!important}
html[data-appearance="seasonal"] .market-stat-strip>div{border-color:#55514b!important}

/* Seasonal fade is dark; Cream keeps its existing white fade. */
html[data-appearance="seasonal"] .weather-news-fade{background:linear-gradient(180deg,rgba(18,16,14,0),rgba(18,16,14,.76) 48%,rgba(18,16,14,.98) 88%)!important}
html[data-appearance="seasonal"] .article-body-fade{background:linear-gradient(180deg,rgba(18,16,14,0),rgba(18,16,14,.76) 48%,rgba(18,16,14,.98) 88%)!important}

/* Menu close stays visible. */
html[data-appearance="seasonal"] .site-menu-close{color:#fff!important}