/* =========================================================
   MYHOTIPS SEASONAL THEME LAYER
   Presentation-only seasonal colour overlay.

   IMPORTANT
   - Does not replace Money / Wellness taxonomy or content area.
   - Does not change routes, labels, article type or Seasonal Picks links.
   - Loads only when a supported item has a Seasonal Theme selected.
   - Badges are deliberately NOT included in this version.
   ========================================================= */

/* ---------------------------------------------------------
   01. SHARED SEASON TOKENS
   --------------------------------------------------------- */

body.mht-seasonal-theme{
  --mht-season-main:#c56a32;
  --mht-season-dark:#6b3926;
  --mht-season-deep:#2f201b;
  --mht-season-accent:#c9a04f;
  --mht-season-accent-strong:#b75d3e;
  --mht-season-accent-soft:#c97a59;
  --mht-season-surface:#fff8ef;
  --mht-season-surface-soft:#f3e8d8;
  --mht-season-surface-muted:#e7d6c1;
  --mht-season-text:#2d211d;
  --mht-season-text-soft:#78685f;
  --mht-season-invert:#fff8ef;
  --mht-season-line:color-mix(in srgb,var(--mht-season-main) 24%,transparent);
  --mht-season-line-strong:color-mix(in srgb,var(--mht-season-accent) 58%,var(--mht-season-main) 42%);
  --mht-season-glass:color-mix(in srgb,var(--mht-season-surface) 84%,transparent);
  --mht-season-glass-strong:color-mix(in srgb,var(--mht-season-surface) 94%,transparent);
  --mht-season-shadow:0 14px 34px color-mix(in srgb,var(--mht-season-deep) 18%,transparent);
}

/* Autumn / Halloween — richer pumpkin shell with chestnut depth */
body.mht-seasonal-theme--autumn{
  --mht-season-main:#c56a32;
  --mht-season-dark:#6b3926;
  --mht-season-deep:#2f201b;
  --mht-season-accent:#c9a04f;
  --mht-season-accent-strong:#b75d3e;
  --mht-season-accent-soft:#c97a59;
  --mht-season-surface:#fff8ef;
  --mht-season-surface-soft:#f3e8d8;
  --mht-season-surface-muted:#e7d6c1;
  --mht-season-text:#2d211d;
  --mht-season-text-soft:#78685f;
}

/* Christmas / Winter */
body.mht-seasonal-theme--christmas{
  --mht-season-main:#39473f;
  --mht-season-dark:#202e28;
  --mht-season-deep:#17231e;
  --mht-season-accent:#d5b26a;
  --mht-season-accent-strong:#8b3e35;
  --mht-season-accent-soft:#b7685f;
  --mht-season-surface:#fff9f1;
  --mht-season-surface-soft:#f3eee6;
  --mht-season-surface-muted:#e4e6dc;
  --mht-season-text:#26322d;
  --mht-season-text-soft:#66716b;
}

/* Spring */
body.mht-seasonal-theme--spring{
  --mht-season-main:#62765d;
  --mht-season-dark:#354d40;
  --mht-season-deep:#283d32;
  --mht-season-accent:#d2b96b;
  --mht-season-accent-strong:#b67d73;
  --mht-season-accent-soft:#d7aba1;
  --mht-season-surface:#fffdf8;
  --mht-season-surface-soft:#f4f2e9;
  --mht-season-surface-muted:#e4ecde;
  --mht-season-text:#314239;
  --mht-season-text-soft:#6d786f;
}

/* Summer */
body.mht-seasonal-theme--summer{
  --mht-season-main:#365e60;
  --mht-season-dark:#233f42;
  --mht-season-deep:#193235;
  --mht-season-accent:#e1c36d;
  --mht-season-accent-strong:#c98b45;
  --mht-season-accent-soft:#e0b174;
  --mht-season-surface:#fffdf8;
  --mht-season-surface-soft:#eff5f1;
  --mht-season-surface-muted:#ddebe6;
  --mht-season-text:#284447;
  --mht-season-text-soft:#687d7d;
}

/* ---------------------------------------------------------
   02. REUSABLE CONTEXT HERO
   Keeps the original Money / Wellness context classes and wording,
   but remaps the visual layer to the selected season.
   --------------------------------------------------------- */

body.mht-seasonal-theme .mht-context-shell{
  --mht-context-shell-band-a:var(--mht-season-dark);
  --mht-context-shell-band-b:var(--mht-season-main);
  --mht-context-shell-border:color-mix(in srgb,var(--mht-season-accent) 34%,var(--mht-season-surface) 18%);
  --mht-context-shell-accent:var(--mht-season-accent);
  --mht-context-hero-pill-accent:var(--mht-season-accent);
  --mht-context-shell-text:var(--mht-season-text);
  --mht-context-shell-text-soft:var(--mht-season-text-soft);
  --mht-context-shell-text-invert:var(--mht-season-invert);
  --mht-context-shell-shadow:var(--mht-season-shadow);
}

body.mht-seasonal-theme .mht-context-hero__eyebrow,
body.mht-seasonal-theme .mht-context-hero__kicker{
  color:var(--mht-season-accent);
}

/* ---------------------------------------------------------
   03. SINGLE BLOG SHELL / LEGACY BLOG BUILDER
   --------------------------------------------------------- */

body.mht-seasonal-theme .hotips-page-shell--single-blog{
  --single-blog-area-accent:var(--mht-season-accent-strong);
  --single-blog-area-accent-muted:var(--mht-season-accent-soft);
  --single-blog-area-soft:var(--mht-season-surface-soft);
  --single-blog-area-soft-muted:var(--mht-season-surface-muted);
  --single-blog-area-ink:var(--mht-season-text);
  --single-blog-area-ink-muted:var(--mht-season-text-soft);
  --single-blog-area-line:var(--mht-season-line);
  --single-blog-area-shell-bg:color-mix(in srgb,var(--mht-season-surface) 92%,var(--mht-season-surface-soft) 8%);
  --single-blog-area-panel-bg:color-mix(in srgb,var(--mht-season-surface) 96%,var(--mht-season-surface-soft) 4%);
  --single-blog-area-topper-tint:color-mix(in srgb,var(--mht-season-accent-soft) 24%,transparent);
}

body.mht-seasonal-theme .hotips-page-shell--single-blog .my-blog-builder a{
  text-decoration-color:var(--mht-season-accent);
}

body.mht-seasonal-theme .hotips-page-shell--single-blog .my-blog-builder__section-text h2,
body.mht-seasonal-theme .hotips-page-shell--single-blog .my-blog-builder__final-word h3{
  color:var(--mht-season-text);
}

body.mht-seasonal-theme .hotips-page-shell--single-blog .my-blog-builder__final-word{
  border-left-color:var(--mht-season-accent-strong);
}

/* ---------------------------------------------------------
   04. ARTICLE STUDIO CONTENT
   The stored Article Studio area remains Money/Wellness; only its visual
   variables are overlaid for this page.
   --------------------------------------------------------- */

body.mht-seasonal-theme .mhas-article,
body.mht-seasonal-theme .mhas-article.mhas-area-wellness{
  --mhas-navy:var(--mht-season-text);
  --mhas-blue:var(--mht-season-surface-soft);
  --mhas-gold:var(--mht-season-accent);
  --mhas-olive:var(--mht-season-text);
  --mhas-sage:var(--mht-season-surface-soft);
  --mhas-text:var(--mht-season-text);
  --mhas-border:var(--mht-season-line);

  --alg-kp-main:var(--mht-season-text);
  --alg-kp-accent:var(--mht-season-accent-strong);
  --alg-kp-text:var(--mht-season-text);
  --alg-kp-muted:var(--mht-season-text-soft);
  --alg-kp-callout-bg:var(--mht-season-surface-soft);

  --mhas-strip-main:var(--mht-season-text);
  --mhas-strip-accent:var(--mht-season-accent-strong);
  --mhas-strip-bg:color-mix(in srgb,var(--mht-season-accent-soft) 14%,var(--mht-season-surface) 86%);
  --mhas-price-soft:var(--mht-season-surface-soft);
}

body.mht-seasonal-theme .mhas-article.mhas-area-wellness .mhas-overview,
body.mht-seasonal-theme .mhas-article .mhas-overview{
  background:var(--mht-season-surface-soft);
  border-left-color:var(--mht-season-accent-strong);
}

body.mht-seasonal-theme .mhas-article.mhas-area-wellness .mhas-highlight,
body.mht-seasonal-theme .mhas-article .mhas-highlight{
  background:color-mix(in srgb,var(--mht-season-surface-soft) 72%,var(--mht-season-surface) 28%);
  border-left-color:var(--mht-season-accent-strong);
}

body.mht-seasonal-theme .mhas-article.mhas-area-wellness .mhas-section > h2.mhas-section-title,
body.mht-seasonal-theme .mhas-article.mhas-area-wellness .mhas-overview > h2,
body.mht-seasonal-theme .mhas-article.mhas-area-wellness h3.mhas-panel-title,
body.mht-seasonal-theme .mhas-article.mhas-area-wellness h4.mhas-subheading,
body.mht-seasonal-theme .mhas-article .mhas-section > h2.mhas-section-title,
body.mht-seasonal-theme .mhas-article .mhas-overview > h2,
body.mht-seasonal-theme .mhas-article h3.mhas-panel-title,
body.mht-seasonal-theme .mhas-article h4.mhas-subheading{
  color:var(--mht-season-text) !important;
}

body.mht-seasonal-theme .mhas-article a,
body.mht-seasonal-theme .mhas-article.mhas-area-wellness a{
  color:var(--mht-season-text);
  text-decoration-color:var(--mht-season-accent);
}

/* Pros / Cons keep their semantic green / red meaning deliberately. */

/* ---------------------------------------------------------
   05. ARTICLE RATING ROW
   --------------------------------------------------------- */

body.mht-seasonal-theme .mht-article-rating-row,
body.mht-seasonal-theme .mht-article-rating-row--wellness{
  --mht-rating-row-accent:var(--mht-season-accent-strong);
  --mht-rating-row-text:var(--mht-season-text);
  --mht-rating-row-text-soft:var(--mht-season-text-soft);
  --mht-rating-row-border:var(--mht-season-line-strong);
}

/* ---------------------------------------------------------
   06. ARTICLE PREVIOUS / NEXT NAVIGATION
   No badge or seasonal membership marker is added here.
   --------------------------------------------------------- */

body.mht-seasonal-theme .hotips-article-nav{
  --hotips-article-nav-accent:var(--mht-season-accent);
  --hotips-article-nav-area:var(--mht-season-dark);
  --hotips-article-nav-area-card:color-mix(in srgb,var(--mht-season-surface-soft) 58%,var(--mht-season-surface) 42%);
  --hotips-article-nav-area-card-hover:color-mix(in srgb,var(--mht-season-accent-soft) 16%,var(--mht-season-surface) 84%);
  --hotips-article-nav-border:var(--mht-season-line);
  --hotips-article-nav-text:var(--mht-season-text);
  --hotips-article-nav-text-soft:var(--mht-season-text-soft);
  --hotips-article-nav-invert:var(--mht-season-invert);
}

/* ---------------------------------------------------------
   07. BLOG SIDEBAR
   --------------------------------------------------------- */

body.mht-seasonal-theme .hotips-sidebar{
  --mht-side-bg-color:var(--mht-season-dark);
  --mht-side-accent:var(--mht-season-accent);
  --mht-side-shell-bg:
    linear-gradient(
      145deg,
      color-mix(in srgb,var(--mht-season-main) 88%,var(--mht-season-surface) 12%) 0%,
      color-mix(in srgb,var(--mht-season-dark) 82%,var(--mht-season-surface) 18%) 100%
    );
  --mht-side-card-bg:color-mix(in srgb,var(--mht-season-surface) 82%,transparent);
  --mht-side-card-bg-hover:color-mix(in srgb,var(--mht-season-surface) 94%,transparent);
  --mht-side-card-border:color-mix(in srgb,var(--mht-season-surface) 62%,transparent);
  --mht-side-text:var(--mht-season-text);
  --mht-side-text-soft:var(--mht-season-text-soft);
  --mht-side-text-faint:color-mix(in srgb,var(--mht-season-text-soft) 72%,transparent);
  --mht-side-line:var(--mht-season-line);
}

/* ---------------------------------------------------------
   08. CONTENT / SECTION GUIDE SIDEBAR
   --------------------------------------------------------- */

body.mht-seasonal-theme .hotips-section-guide-sidebar,
body.mht-seasonal-theme .hotips-section-guide-sidebar--wellness{
  --section-guide-sidebar-dark:var(--mht-season-dark);
  --section-guide-sidebar-mid:var(--mht-season-main);
  --section-guide-sidebar-soft:var(--mht-season-surface-soft);
  --section-guide-sidebar-accent:var(--mht-season-accent-strong);
  --section-guide-sidebar-text:var(--mht-season-text);
  --section-guide-sidebar-muted:var(--mht-season-text-soft);
  --section-guide-sidebar-border:var(--mht-season-line);
}

/* ---------------------------------------------------------
   09. PRACTICAL GUIDE COMPONENTS WHEN THEY APPEAR ON A
       SELECTED PAGE / CONTENT ITEM
   --------------------------------------------------------- */

body.mht-seasonal-theme .mht-pg,
body.mht-seasonal-theme .mht-pg--wellness{
  --pg-ink:var(--mht-season-text);
  --pg-accent:var(--mht-season-accent-strong);
  --pg-soft:var(--mht-season-surface-soft);
  --pg-line:var(--mht-season-line);
}

/* ---------------------------------------------------------
   10. GENERIC SEASONAL SURFACE HELPERS
   These only affect established MyHotips component surfaces.
   --------------------------------------------------------- */

body.mht-seasonal-theme .hotips-entry--single-blog,
body.mht-seasonal-theme .hotips-page-shell--section-guide .hotips-entry{
  border-color:var(--mht-season-line);
}

body.mht-seasonal-theme .hotips-page-shell--section-guide .hotips-entry{
  background:var(--mht-season-surface);
  box-shadow:var(--mht-season-shadow);
}

body.mht-seasonal-theme :is(
  .mht-context-hero__actions a,
  .mht-context-hero__actions button,
  .hotips-section-guide-sidebar a
):focus-visible{
  outline-color:var(--mht-season-accent);
}

/* =========================================================
   11. AUTUMN / HALLOWEEN — OPAQUE PUMPKIN → BLACK SHELL
   Client refinement:
   - stronger pumpkin orange
   - much less glass / white wash
   - deeper near-black finish
   - keeps article content surfaces readable and warm
   ========================================================= */

body.mht-seasonal-theme--autumn{
  --mht-season-main:#dc711f;
  --mht-season-dark:#7b3018;
  --mht-season-deep:#120d0a;
  --mht-season-accent:#d7a244;
  --mht-season-accent-strong:#e07a2a;
  --mht-season-accent-soft:#c45b26;
  --mht-season-line:rgba(139,60,27,.26);
  --mht-season-line-strong:rgba(215,162,68,.58);
  --mht-season-shadow:0 16px 36px rgba(31,13,8,.26);
}

/* Main article / page hero shell: solid seasonal colour, not frosted glass. */
body.mht-seasonal-theme--autumn .mht-context-shell{
  --mht-context-shell-band-a:#dc711f;
  --mht-context-shell-band-b:#120d0a;
  --mht-context-shell-border:rgba(238,142,71,.52);
  --mht-context-shell-accent:#d7a244;
  --mht-context-hero-pill-accent:#d7a244;

  background:
    linear-gradient(
      118deg,
      #df761f 0%,
      #bc4b1d 28%,
      #762b18 49%,
      #3b180f 70%,
      #120d0a 100%
    ) !important;

  border-color:rgba(230,133,65,.46) !important;
  box-shadow:
    0 16px 36px rgba(32,13,8,.30),
    inset 0 1px 0 rgba(255,181,105,.16) !important;

  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Remove the milky white shell wash while keeping some depth over the photo. */
body.mht-seasonal-theme--autumn .mht-context-shell::after{
  background:
    linear-gradient(
      108deg,
      rgba(224,112,28,.16) 0%,
      rgba(111,39,20,.10) 48%,
      rgba(12,9,8,.30) 100%
    ) !important;
}

/* Keep the image richer instead of misty. */
body.mht-seasonal-theme--autumn .mht-context-shell::before{
  filter:saturate(112%) contrast(1.08) brightness(.94) !important;
}

/* Hero footer row: pumpkin-to-black, no translucent cream layer. */
body.mht-seasonal-theme--autumn .mht-context-hero--article{
  --mht-article-footer-accent:#d7a244;
  --mht-article-footer-divider:rgba(245,156,82,.34);
  --mht-article-footer-glass-strong:#a7441f;
  --mht-article-footer-glass:#24110d;
  --mht-article-footer-border:rgba(231,137,68,.34);
  --mht-article-footer-pill-bg:#26130e;
  --mht-article-footer-pill-bg-hover:#5b2415;
  --mht-article-footer-pill-border:rgba(232,147,77,.30);
  --mht-article-footer-text:#fff8ef;
  --mht-article-footer-text-soft:#edcfb7;
}

body.mht-seasonal-theme--autumn .mht-article-hero-footer{
  background:
    linear-gradient(
      100deg,
      #ad491f 0%,
      #7b2e18 38%,
      #39170f 68%,
      #120d0a 100%
    ) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:inset 0 1px 0 rgba(255,172,94,.12) !important;
}

/* Hero/action pills retain separation but are now dark and opaque. */
body.mht-seasonal-theme--autumn .mht-context-hero__pill,
body.mht-seasonal-theme--autumn .mht-context-hero__pill:visited{
  --mht-context-hero-pill-bg:#2b150f;
  --mht-context-hero-pill-bg-hover:#7a2f19;
  --mht-context-hero-pill-border:rgba(226,137,70,.34);
  --mht-context-hero-pill-border-hover:rgba(215,162,68,.76);
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Blog sidebar module shells: saturated pumpkin through charcoal-black. */
body.mht-seasonal-theme--autumn .hotips-sidebar{
  --mht-side-bg-color:#7b3018;
  --mht-side-accent:#d7a244;
  --mht-side-shell-bg:
    linear-gradient(
      145deg,
      #d66a20 0%,
      #a5411b 34%,
      #552013 66%,
      #160e0a 100%
    );
  --mht-side-card-bg:
    linear-gradient(135deg,#fff8ef 0%,#f2dfcf 100%);
  --mht-side-card-bg-hover:
    linear-gradient(135deg,#fffaf4 0%,#eacbb5 100%);
  --mht-side-card-border:rgba(207,101,39,.30);
  --mht-side-text:#3a2118;
  --mht-side-text-soft:#765346;
  --mht-side-text-faint:#927366;
  --mht-side-line:rgba(122,48,24,.16);
}

body.mht-seasonal-theme--autumn .hotips-sidebar .hotips-sidebar-widget--related-posts,
body.mht-seasonal-theme--autumn .hotips-sidebar .hotips-sidebar-widget--top-rated-compact,
body.mht-seasonal-theme--autumn .hotips-sidebar .mht-sidebar-cards{
  border-color:rgba(228,128,58,.32) !important;
  box-shadow:0 14px 30px rgba(31,13,8,.20) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.mht-seasonal-theme--autumn .hotips-sidebar .hotips-sidebar-widget--related-posts::before,
body.mht-seasonal-theme--autumn .hotips-sidebar .hotips-sidebar-widget--top-rated-compact::before,
body.mht-seasonal-theme--autumn .hotips-sidebar .mht-sidebar-cards::before{
  background:linear-gradient(180deg,rgba(255,168,83,.07),transparent 38%) !important;
}

body.mht-seasonal-theme--autumn .hotips-sidebar :is(
  .mht-sidebar-card--main,
  .mht-sidebar-card--medium,
  .mht-sidebar-card--tiny
){
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Search card has its own token system, so skin it explicitly. */
body.mht-seasonal-theme--autumn .mht-sidebar-search{
  --mht-sidebar-search-band-a:#d66a20;
  --mht-sidebar-search-band-b:#160e0a;
  --mht-sidebar-search-accent:#d7a244;
  --mht-sidebar-search-border-base:#a5411b;
  --mht-sidebar-search-heading:#fff8ef;
  --mht-sidebar-search-text:#efd8c5;
  --mht-sidebar-search-kicker:#f0b95b;
  --mht-sidebar-search-bg:
    linear-gradient(
      145deg,
      #d66a20 0%,
      #a5411b 34%,
      #552013 66%,
      #160e0a 100%
    );
  --mht-sidebar-search-border:rgba(229,137,69,.34);
  --mht-sidebar-search-control-bg:#fff8ef;
  --mht-sidebar-search-control-bg-focus:#ffffff;
  --mht-sidebar-search-control-border:rgba(92,37,20,.22);
  --mht-sidebar-search-control-text:#332019;
  --mht-sidebar-search-control-placeholder:#80695f;
  --mht-sidebar-search-button-bg:#2a160f;
  --mht-sidebar-search-button-bg-hover:#d77a28;
  --mht-sidebar-search-button-text:#fff8ef;
  --mht-sidebar-search-button-text-hover:#21130e;

  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.mht-seasonal-theme--autumn .mht-sidebar-search::before{
  background:linear-gradient(180deg,rgba(255,169,84,.07),transparent 42%) !important;
  opacity:1 !important;
}

/* Section-guide sidebar follows the same stronger seasonal shell. */
body.mht-seasonal-theme--autumn .hotips-section-guide-sidebar,
body.mht-seasonal-theme--autumn .hotips-section-guide-sidebar--wellness{
  --section-guide-sidebar-dark:#160e0a;
  --section-guide-sidebar-mid:#c6571e;
  --section-guide-sidebar-soft:#f3e8d8;
  --section-guide-sidebar-accent:#e07a2a;
  --section-guide-sidebar-text:#3a2118;
  --section-guide-sidebar-muted:#765346;
  --section-guide-sidebar-border:rgba(169,70,28,.24);
}

/* =========================================================
   12. SEASONAL SITE CHROME
   Applies the selected seasonal presentation to the site chrome too:
   - sticky topbar (desktop + compact/mobile)
   - topbar controls / dropdown / contact / login
   - brandbar
   - footer top strip
   - footer bottom strip

   Editorial context remains Money / Wellness. This only replaces the
   underlying blue/green chrome colours while a seasonal theme is selected.
   ========================================================= */

/* Generic seasonal chrome tokens. Individual seasons inherit their
   existing palette and can refine these below. */
body.mht-seasonal-theme{
  --mht-season-chrome-start:var(--mht-season-main);
  --mht-season-chrome-mid:var(--mht-season-dark);
  --mht-season-chrome-end:var(--mht-season-deep);
  --mht-season-chrome-text:var(--mht-season-invert);
  --mht-season-chrome-text-soft:color-mix(in srgb,var(--mht-season-invert) 78%,var(--mht-season-accent) 22%);
  --mht-season-chrome-border:color-mix(in srgb,var(--mht-season-accent) 40%,transparent);
  --mht-season-chrome-control:color-mix(in srgb,var(--mht-season-deep) 72%,var(--mht-season-main) 28%);
  --mht-season-chrome-control-hover:color-mix(in srgb,var(--mht-season-main) 64%,var(--mht-season-deep) 36%);

  /* Sticky topbar consumes these existing theme variables. */
  --topbar-bg:
    linear-gradient(
      104deg,
      var(--mht-season-chrome-start) 0%,
      var(--mht-season-chrome-mid) 52%,
      var(--mht-season-chrome-end) 100%
    );
  --topbar-compact-bg:
    linear-gradient(
      104deg,
      var(--mht-season-chrome-start) 0%,
      var(--mht-season-chrome-mid) 52%,
      var(--mht-season-chrome-end) 100%
    );
  --topbar-border:var(--mht-season-chrome-border);
  --topbar-text:var(--mht-season-chrome-text);
  --topbar-text-hover:#ffffff;
  --topbar-shadow:
    0 1px 0 color-mix(in srgb,#ffffff 10%,transparent) inset,
    0 5px 18px color-mix(in srgb,var(--mht-season-deep) 46%,transparent);

  /* Existing themed footer variables are also replaced. */
  --hotips-chrome-footer-top-bg:
    linear-gradient(
      98deg,
      var(--mht-season-chrome-start) 0%,
      var(--mht-season-chrome-mid) 58%,
      var(--mht-season-chrome-end) 100%
    );
  --hotips-chrome-footer-top-text:var(--mht-season-chrome-text);
  --hotips-chrome-footer-bottom-bg:
    linear-gradient(
      105deg,
      var(--mht-season-chrome-mid) 0%,
      var(--mht-season-chrome-end) 72%,
      color-mix(in srgb,var(--mht-season-deep) 88%,black 12%) 100%
    );
  --hotips-chrome-footer-bottom-text:var(--mht-season-chrome-text);
}

/* Autumn/Halloween: deliberately saturated orange through near-black. */
body.mht-seasonal-theme--autumn{
  --mht-season-chrome-start:#df761f;
  --mht-season-chrome-mid:#7b2e18;
  --mht-season-chrome-end:#120d0a;
  --mht-season-chrome-text:#fff8ef;
  --mht-season-chrome-text-soft:#edcfb7;
  --mht-season-chrome-border:rgba(231,145,75,.38);
  --mht-season-chrome-control:#26130e;
  --mht-season-chrome-control-hover:#71301a;
}

/* -------------------------
   Sticky topbar
   ------------------------- */
body.mht-seasonal-theme .hotips-site .hotips-header .hotips-topbar.mht-sticky-topbar,
body.mht-seasonal-theme .hotips-header .hotips-topbar.mht-sticky-topbar{
  --topbar-tab-bg:color-mix(in srgb,var(--mht-season-chrome-control) 88%,transparent);
  --topbar-tab-bg-hover:var(--mht-season-chrome-control-hover);
  --topbar-tab-bg-active:color-mix(in srgb,var(--mht-season-accent) 25%,var(--mht-season-chrome-control) 75%);
  --topbar-tab-border:color-mix(in srgb,var(--mht-season-accent) 28%,transparent);
  --topbar-tab-border-hover:color-mix(in srgb,var(--mht-season-accent) 58%,transparent);
  --topbar-tab-border-active:color-mix(in srgb,var(--mht-season-accent) 76%,transparent);
  --topbar-tab-shadow:
    0 1px 0 color-mix(in srgb,#ffffff 8%,transparent) inset,
    0 1px 4px color-mix(in srgb,var(--mht-season-deep) 46%,transparent);
  --topbar-tab-shadow-hover:
    0 1px 0 color-mix(in srgb,#ffffff 10%,transparent) inset,
    0 4px 10px color-mix(in srgb,var(--mht-season-deep) 58%,transparent);

  background:var(--topbar-bg) !important;
  border-bottom-color:var(--mht-season-chrome-border) !important;
  box-shadow:var(--topbar-shadow) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Keep menu/icon bubbles seasonal rather than pale blue/green. */
body.mht-seasonal-theme .hotips-header .hotips-topbar__menu > li.mht-menu-money > a::before,
body.mht-seasonal-theme .hotips-header .hotips-topbar__menu > li.mht-menu-wellness > a::before,
body.mht-seasonal-theme .hotips-header .hotips-topbar__menu > li.mht-menu-search > a::before,
body.mht-seasonal-theme .hotips-header .mht-sticky-topbar__menu > li.mht-menu-money > a::before,
body.mht-seasonal-theme .hotips-header .mht-sticky-topbar__menu > li.mht-menu-wellness > a::before,
body.mht-seasonal-theme .hotips-header .mht-sticky-topbar__menu > li.mht-menu-search > a::before{
  background-color:var(--mht-season-chrome-control) !important;
  border-color:color-mix(in srgb,var(--mht-season-accent) 45%,transparent) !important;
  box-shadow:
    0 1px 0 color-mix(in srgb,#ffffff 8%,transparent) inset,
    0 1px 4px color-mix(in srgb,var(--mht-season-deep) 52%,transparent) !important;
}

body.mht-seasonal-theme .hotips-header .mht-sticky-topbar__dropdown select,
body.mht-seasonal-theme .hotips-header .topbar-area-dropdown select{
  background:var(--mht-season-chrome-control) !important;
  color:var(--mht-season-chrome-text) !important;
  border-color:color-mix(in srgb,var(--mht-season-accent) 34%,transparent) !important;
}

body.mht-seasonal-theme .hotips-header .mht-sticky-topbar__dropdown select:hover,
body.mht-seasonal-theme .hotips-header .mht-sticky-topbar__dropdown select:focus{
  background:var(--mht-season-chrome-control-hover) !important;
  color:#ffffff !important;
  border-color:color-mix(in srgb,var(--mht-season-accent) 68%,transparent) !important;
}

/* Desktop and compact/mobile bars should match. */
@media (max-width:1180px){
  body.mht-seasonal-theme .hotips-site .hotips-header .hotips-topbar.mht-sticky-topbar,
  body.mht-seasonal-theme .hotips-header .hotips-topbar.mht-sticky-topbar{
    background:var(--topbar-compact-bg) !important;
  }
}

/* -------------------------
   Brandbar
   ------------------------- */
body.mht-seasonal-theme .hotips-brandbar{
  --hotips-glass-bar-bg:
    linear-gradient(
      106deg,
      var(--mht-season-chrome-start) 0%,
      var(--mht-season-chrome-mid) 55%,
      var(--mht-season-chrome-end) 100%
    );
  --hotips-glass-bar-text:var(--mht-season-chrome-text);
  --hotips-glass-bar-border:var(--mht-season-chrome-border);
  --hotips-glass-bar-shadow:0 10px 24px color-mix(in srgb,var(--mht-season-deep) 36%,transparent);

  background:var(--hotips-glass-bar-bg) !important;
  color:var(--mht-season-chrome-text) !important;
  border-bottom-color:var(--mht-season-chrome-border) !important;
  box-shadow:var(--hotips-glass-bar-shadow) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.mht-seasonal-theme .hotips-brandbar::before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 54%),
    linear-gradient(90deg,rgba(255,255,255,.035) 0%,transparent 44%) !important;
  opacity:.72 !important;
}

body.mht-seasonal-theme .hotips-brandbar,
body.mht-seasonal-theme .hotips-brandbar a,
body.mht-seasonal-theme .hotips-brandbar button{
  color:var(--mht-season-chrome-text) !important;
}

/* -------------------------
   Footer — remove the pale blue/green strips completely
   ------------------------- */
body.mht-seasonal-theme .hotips-footer{
  background:var(--hotips-chrome-footer-bottom-bg) !important;
  color:var(--mht-season-chrome-text) !important;
}

body.mht-seasonal-theme .hotips-footer__topstrip,
body.mht-seasonal-theme .hotips-footer__top,
body.mht-seasonal-theme .hotips-footer-top,
body.mht-seasonal-theme .hotips-footer__topstrip,
body.mht-seasonal-theme .hotips-footer-topstrip,
body.mht-seasonal-theme .hotips-footer-menu,
body.mht-seasonal-theme .hotips-footer-meta{
  background:var(--hotips-chrome-footer-top-bg) !important;
  color:var(--mht-season-chrome-text) !important;
  border-color:var(--mht-season-chrome-border) !important;
}

body.mht-seasonal-theme .hotips-footer__menu-list li{
  border-color:color-mix(in srgb,var(--mht-season-accent) 34%,transparent) !important;
}

body.mht-seasonal-theme .hotips-footer__menu-list a,
body.mht-seasonal-theme .hotips-footer__meta,
body.mht-seasonal-theme .hotips-footer__copyright,
body.mht-seasonal-theme .hotips-footer__topstrip a,
body.mht-seasonal-theme .hotips-footer-menu a,
body.mht-seasonal-theme .hotips-footer-meta a{
  color:var(--mht-season-chrome-text) !important;
}

body.mht-seasonal-theme .hotips-footer__menu-list a:hover,
body.mht-seasonal-theme .hotips-footer__menu-list a:focus,
body.mht-seasonal-theme .hotips-footer__menu-list .current-menu-item > a,
body.mht-seasonal-theme .hotips-footer__menu-list .current_page_item > a,
body.mht-seasonal-theme .hotips-footer__menu-list .current-menu-ancestor > a,
body.mht-seasonal-theme .hotips-footer__menu-list .current_page_ancestor > a{
  background:color-mix(in srgb,var(--mht-season-accent) 18%,var(--mht-season-chrome-control) 82%) !important;
  color:#ffffff !important;
}

body.mht-seasonal-theme .hotips-footer__bottomstrip,
body.mht-seasonal-theme .hotips-footer__bottom,
body.mht-seasonal-theme .hotips-footer-bottom,
body.mht-seasonal-theme .hotips-footer__bottomstrip,
body.mht-seasonal-theme .hotips-footer-bottomstrip{
  background:var(--hotips-chrome-footer-bottom-bg) !important;
  color:var(--mht-season-chrome-text) !important;
  border-color:var(--mht-season-chrome-end) !important;
}

body.mht-seasonal-theme .hotips-footer__legal-list a,
body.mht-seasonal-theme .hotips-footer__bottomstrip a,
body.mht-seasonal-theme .hotips-footer-bottom a,
body.mht-seasonal-theme .hotips-footer-bottomstrip a{
  color:var(--mht-season-chrome-text) !important;
}

/* Autumn specifically pushes the chrome further towards the requested
   pumpkin-orange -> almost-black treatment. */
body.mht-seasonal-theme--autumn .hotips-footer__topstrip{
  background:
    linear-gradient(
      96deg,
      #d96c1f 0%,
      #a9411a 36%,
      #5c2112 68%,
      #1a0f0b 100%
    ) !important;
}

body.mht-seasonal-theme--autumn .hotips-footer__bottomstrip{
  background:
    linear-gradient(
      104deg,
      #702816 0%,
      #32150f 45%,
      #120d0a 82%,
      #090706 100%
    ) !important;
}

/* =========================================================
   13. SEASONAL PALETTE SYNC — MATCHES SEASONAL PICKS 1.7
   Single colour language across Seasonal Picks and the optional
   Seasonal Theme applied to Blog Items, Content Items and Pages.

   Component roles deliberately match the Picks palette:
   - shell-a..d = main seasonal presentation gradient
   - accent = buttons / selected states / arrows
   - accent-strong = tabs / lozenges / secondary seasonal marker
   - surface = readable article/control surfaces
   - ink = dark text on light surfaces
   ========================================================= */

/* Autumn / Halloween — pumpkin, rust, near-black, antique gold */
body.mht-seasonal-theme--autumn{
  --mht-season-main:#df761f;
  --mht-season-dark:#762b18;
  --mht-season-deep:#120d0a;
  --mht-season-accent:#d7a244;
  --mht-season-accent-strong:#df795b;
  --mht-season-accent-soft:#ed8a50;
  --mht-season-surface:#fff3e4;
  --mht-season-surface-soft:#f2ddc8;
  --mht-season-surface-muted:#e8cdb4;
  --mht-season-text:#2f201b;
  --mht-season-text-soft:#78685f;
  --mht-season-invert:#fff8ef;
  --mht-season-muted-on-dark:#f0d7c2;

  --mht-season-shell-a:#df761f;
  --mht-season-shell-b:#bc4b1d;
  --mht-season-shell-c:#762b18;
  --mht-season-shell-d:#120d0a;
  --mht-season-shell-text:#fff8ef;
  --mht-season-shell-muted:#f0d7c2;

  --mht-season-card-a:#8f3519;
  --mht-season-card-b:#4b1c12;
  --mht-season-card-c:#120d0a;

  --mht-season-sidebar-a:#d66d23;
  --mht-season-sidebar-b:#8d3317;
  --mht-season-sidebar-c:#451a10;
  --mht-season-sidebar-d:#120d0a;

  --mht-season-chrome-start:#df761f;
  --mht-season-chrome-mid:#762b18;
  --mht-season-chrome-end:#120d0a;
  --mht-season-chrome-text:#fff8ef;
  --mht-season-chrome-text-soft:#f0d7c2;
  --mht-season-chrome-border:rgba(215,162,68,.42);
  --mht-season-chrome-control:#24100c;
  --mht-season-chrome-control-hover:#642515;
}

/* Christmas / Winter — evergreen, silver/white, restrained cranberry */
body.mht-seasonal-theme--christmas{
  --mht-season-main:#1f5142;
  --mht-season-dark:#123b32;
  --mht-season-deep:#061914;
  --mht-season-accent:#c9d2d1;
  --mht-season-accent-strong:#9e3b46;
  --mht-season-accent-soft:#b65762;
  --mht-season-surface:#f5f7f6;
  --mht-season-surface-soft:#e7edeb;
  --mht-season-surface-muted:#d6e1de;
  --mht-season-text:#17352e;
  --mht-season-text-soft:#60736d;
  --mht-season-invert:#f7faf9;
  --mht-season-muted-on-dark:#dce7e4;

  --mht-season-shell-a:#1f5142;
  --mht-season-shell-b:#123b32;
  --mht-season-shell-c:#082821;
  --mht-season-shell-d:#061914;
  --mht-season-shell-text:#f7faf9;
  --mht-season-shell-muted:#dce7e4;

  --mht-season-card-a:#17463a;
  --mht-season-card-b:#0f3028;
  --mht-season-card-c:#061914;

  --mht-season-sidebar-a:#245d4b;
  --mht-season-sidebar-b:#123b32;
  --mht-season-sidebar-c:#082821;
  --mht-season-sidebar-d:#061914;

  --mht-season-chrome-start:#1f5142;
  --mht-season-chrome-mid:#123b32;
  --mht-season-chrome-end:#061914;
  --mht-season-chrome-text:#f7faf9;
  --mht-season-chrome-text-soft:#dce7e4;
  --mht-season-chrome-border:rgba(201,210,209,.42);
  --mht-season-chrome-control:#0f3028;
  --mht-season-chrome-control-hover:#245d4b;
}

/* Spring — sky blue, blossom pink, daffodil yellow; deliberately no Wellness green */
body.mht-seasonal-theme--spring{
  --mht-season-main:#b9d7e8;
  --mht-season-dark:#6f8fa6;
  --mht-season-deep:#506f85;
  --mht-season-accent:#f0c85a;
  --mht-season-accent-strong:#e7a3b1;
  --mht-season-accent-soft:#d58eaa;
  --mht-season-surface:#fff9f1;
  --mht-season-surface-soft:#f6edf0;
  --mht-season-surface-muted:#e6eef3;
  --mht-season-text:#2f4658;
  --mht-season-text-soft:#637b8c;
  --mht-season-invert:#ffffff;
  --mht-season-muted-on-dark:#edf5f8;

  --mht-season-shell-a:#c7dfec;
  --mht-season-shell-b:#b9d7e8;
  --mht-season-shell-c:#98bcd1;
  --mht-season-shell-d:#7fa7c0;
  --mht-season-shell-text:#2f4658;
  --mht-season-shell-muted:#4f697c;

  --mht-season-card-a:#7fa7c0;
  --mht-season-card-b:#63879f;
  --mht-season-card-c:#405d73;

  --mht-season-sidebar-a:#98bcd1;
  --mht-season-sidebar-b:#7ba1b9;
  --mht-season-sidebar-c:#5c7e96;
  --mht-season-sidebar-d:#405d73;

  /* Chrome uses the darker half of the same Spring palette for contrast. */
  --mht-season-chrome-start:#98bcd1;
  --mht-season-chrome-mid:#6f91aa;
  --mht-season-chrome-end:#506f85;
  --mht-season-chrome-text:#ffffff;
  --mht-season-chrome-text-soft:#edf5f8;
  --mht-season-chrome-border:rgba(231,163,177,.46);
  --mht-season-chrome-control:#405d73;
  --mht-season-chrome-control-hover:#63879f;
}

/* Summer — teal blue, deep blue, sunshine yellow, coral */
body.mht-seasonal-theme--summer{
  --mht-season-main:#4e91a4;
  --mht-season-dark:#234a62;
  --mht-season-deep:#183746;
  --mht-season-accent:#e9b44c;
  --mht-season-accent-strong:#df795b;
  --mht-season-accent-soft:#e88d72;
  --mht-season-surface:#f5fbfc;
  --mht-season-surface-soft:#e7f1f4;
  --mht-season-surface-muted:#d7e8ed;
  --mht-season-text:#234a62;
  --mht-season-text-soft:#617d8d;
  --mht-season-invert:#ffffff;
  --mht-season-muted-on-dark:#dcecf0;

  --mht-season-shell-a:#4e91a4;
  --mht-season-shell-b:#367589;
  --mht-season-shell-c:#234a62;
  --mht-season-shell-d:#183746;
  --mht-season-shell-text:#ffffff;
  --mht-season-shell-muted:#dcecf0;

  --mht-season-card-a:#397c90;
  --mht-season-card-b:#2b6175;
  --mht-season-card-c:#183746;

  --mht-season-sidebar-a:#4e91a4;
  --mht-season-sidebar-b:#367589;
  --mht-season-sidebar-c:#234a62;
  --mht-season-sidebar-d:#183746;

  --mht-season-chrome-start:#4e91a4;
  --mht-season-chrome-mid:#367589;
  --mht-season-chrome-end:#183746;
  --mht-season-chrome-text:#ffffff;
  --mht-season-chrome-text-soft:#dcecf0;
  --mht-season-chrome-border:rgba(233,180,76,.44);
  --mht-season-chrome-control:#234a62;
  --mht-season-chrome-control-hover:#397c90;
}

/* Shared derived values after the matched season palette has been selected. */
body.mht-seasonal-theme{
  --mht-season-line:color-mix(in srgb,var(--mht-season-main) 24%,transparent);
  --mht-season-line-strong:color-mix(in srgb,var(--mht-season-accent) 58%,var(--mht-season-main) 42%);
  --mht-season-shadow:0 14px 34px color-mix(in srgb,var(--mht-season-deep) 22%,transparent);
}

/* Main seasonal hero shell: same four-stop seasonal family used by Seasonal Picks. */
body.mht-seasonal-theme .mht-context-shell{
  --mht-context-shell-band-a:var(--mht-season-shell-a);
  --mht-context-shell-band-b:var(--mht-season-shell-d);
  --mht-context-shell-accent:var(--mht-season-accent);
  --mht-context-hero-pill-accent:var(--mht-season-accent);
  --mht-context-shell-text:var(--mht-season-text);
  --mht-context-shell-text-soft:var(--mht-season-text-soft);
  --mht-context-shell-text-invert:var(--mht-season-shell-text);
  background:linear-gradient(
    118deg,
    var(--mht-season-shell-a) 0%,
    var(--mht-season-shell-b) 30%,
    var(--mht-season-shell-c) 65%,
    var(--mht-season-shell-d) 100%
  ) !important;
  border-color:color-mix(in srgb,var(--mht-season-accent) 42%,transparent) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.mht-seasonal-theme .mht-context-shell::after{
  background:linear-gradient(
    108deg,
    color-mix(in srgb,var(--mht-season-shell-a) 18%,transparent) 0%,
    color-mix(in srgb,var(--mht-season-shell-c) 14%,transparent) 48%,
    color-mix(in srgb,var(--mht-season-shell-d) 32%,transparent) 100%
  ) !important;
}

body.mht-seasonal-theme .mht-context-hero__eyebrow,
body.mht-seasonal-theme .mht-context-hero__kicker{
  color:var(--mht-season-accent) !important;
}

/* Spring's light shell follows the Picks treatment: dark heading copy on sky blue. */
body.mht-seasonal-theme--spring .mht-context-hero__title,
body.mht-seasonal-theme--spring .mht-context-hero__copy,
body.mht-seasonal-theme--spring .mht-context-hero__copy p{
  color:#2f4658 !important;
}

/* Article hero footer uses the darker collection-card colours from the Picks palette. */
body.mht-seasonal-theme .mht-context-hero--article{
  --mht-article-footer-accent:var(--mht-season-accent);
  --mht-article-footer-divider:color-mix(in srgb,var(--mht-season-accent) 30%,transparent);
  --mht-article-footer-glass-strong:var(--mht-season-card-a);
  --mht-article-footer-glass:var(--mht-season-card-c);
  --mht-article-footer-border:color-mix(in srgb,var(--mht-season-accent) 30%,transparent);
  --mht-article-footer-pill-bg:var(--mht-season-card-c);
  --mht-article-footer-pill-bg-hover:var(--mht-season-card-b);
  --mht-article-footer-pill-border:color-mix(in srgb,var(--mht-season-accent) 28%,transparent);
  --mht-article-footer-text:var(--mht-season-invert);
  --mht-article-footer-text-soft:var(--mht-season-muted-on-dark);
}

body.mht-seasonal-theme .mht-article-hero-footer{
  background:linear-gradient(
    100deg,
    var(--mht-season-card-a) 0%,
    var(--mht-season-card-b) 46%,
    var(--mht-season-card-c) 100%
  ) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Sidebar shell and search module now follow the same season-specific Sidebar palette as Picks. */
body.mht-seasonal-theme .hotips-sidebar{
  --mht-side-bg-color:var(--mht-season-sidebar-c);
  --mht-side-accent:var(--mht-season-accent);
  --mht-side-shell-bg:linear-gradient(
    145deg,
    var(--mht-season-sidebar-a) 0%,
    var(--mht-season-sidebar-b) 34%,
    var(--mht-season-sidebar-c) 67%,
    var(--mht-season-sidebar-d) 100%
  );
  --mht-side-card-bg:var(--mht-season-surface);
  --mht-side-card-bg-hover:color-mix(in srgb,var(--mht-season-surface) 88%,var(--mht-season-accent-soft) 12%);
  --mht-side-card-border:color-mix(in srgb,var(--mht-season-accent) 26%,transparent);
  --mht-side-text:var(--mht-season-text);
  --mht-side-text-soft:var(--mht-season-text-soft);
  --mht-side-text-faint:color-mix(in srgb,var(--mht-season-text-soft) 72%,transparent);
  --mht-side-line:var(--mht-season-line);
}

body.mht-seasonal-theme .mht-sidebar-search{
  --mht-sidebar-search-band-a:var(--mht-season-sidebar-a);
  --mht-sidebar-search-band-b:var(--mht-season-sidebar-d);
  --mht-sidebar-search-accent:var(--mht-season-accent);
  --mht-sidebar-search-border-base:var(--mht-season-sidebar-c);
  --mht-sidebar-search-heading:var(--mht-season-invert);
  --mht-sidebar-search-text:var(--mht-season-muted-on-dark);
  --mht-sidebar-search-kicker:var(--mht-season-accent);
  --mht-sidebar-search-bg:linear-gradient(
    145deg,
    var(--mht-season-sidebar-a) 0%,
    var(--mht-season-sidebar-b) 34%,
    var(--mht-season-sidebar-c) 67%,
    var(--mht-season-sidebar-d) 100%
  );
  --mht-sidebar-search-border:color-mix(in srgb,var(--mht-season-accent) 34%,transparent);
  --mht-sidebar-search-control-bg:var(--mht-season-surface);
  --mht-sidebar-search-control-bg-focus:#ffffff;
  --mht-sidebar-search-control-border:color-mix(in srgb,var(--mht-season-text) 22%,transparent);
  --mht-sidebar-search-control-text:var(--mht-season-text);
  --mht-sidebar-search-control-placeholder:var(--mht-season-text-soft);
  --mht-sidebar-search-button-bg:var(--mht-season-card-c);
  --mht-sidebar-search-button-bg-hover:var(--mht-season-accent-strong);
  --mht-sidebar-search-button-text:var(--mht-season-invert);
  --mht-sidebar-search-button-text-hover:var(--mht-season-text);
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Site chrome is synchronized to the exact same seasonal family. */
body.mht-seasonal-theme{
  --topbar-bg:linear-gradient(
    104deg,
    var(--mht-season-chrome-start) 0%,
    var(--mht-season-chrome-mid) 54%,
    var(--mht-season-chrome-end) 100%
  );
  --topbar-compact-bg:var(--topbar-bg);
  --hotips-chrome-footer-top-bg:linear-gradient(
    98deg,
    var(--mht-season-chrome-start) 0%,
    var(--mht-season-chrome-mid) 58%,
    var(--mht-season-chrome-end) 100%
  );
  --hotips-chrome-footer-bottom-bg:linear-gradient(
    105deg,
    var(--mht-season-chrome-mid) 0%,
    var(--mht-season-chrome-end) 78%,
    color-mix(in srgb,var(--mht-season-chrome-end) 88%,black 12%) 100%
  );
}

/* Override the older Autumn-only footer hard-codes so both CSS systems stay identical. */
body.mht-seasonal-theme--autumn .hotips-footer__topstrip{
  background:var(--hotips-chrome-footer-top-bg) !important;
}
body.mht-seasonal-theme--autumn .hotips-footer__bottomstrip{
  background:var(--hotips-chrome-footer-bottom-bg) !important;
}

/* =========================================================
   13. SEASONAL RAIL CARD COLOUR OVERRIDE
   Central presentation override for cards already marked by the theme as:
   .mht-seasonal[data-season] + the seasonal rail card class.

   This deliberately replaces the normal Money / Wellness blue or green
   card surface. It does not change editorial area, taxonomy or routing.
   Badge/icon markup continues to be owned by the existing rail renderer.
   ========================================================= */

/* Rail-only palette. Kept self-contained so these colours do not depend on
   the Seasonal Picks page stylesheet being present. */
:is(
  .hotips-home-docked-featured .hotips-article-card--seasonal.mht-seasonal,
  .hotips-bottom-discovery .mht-content-card--seasonal.mht-seasonal
)[data-season]{
  --mhtst-rail-a:#c95820;
  --mhtst-rail-b:#843018;
  --mhtst-rail-c:#35140e;
  --mhtst-rail-edge:#d7a244;
  --mhtst-rail-accent:#f0b95b;
  --mhtst-rail-text:#fff8ef;
  --mhtst-rail-text-soft:#efd8c5;
}

:is(
  .hotips-home-docked-featured .hotips-article-card--seasonal.mht-seasonal,
  .hotips-bottom-discovery .mht-content-card--seasonal.mht-seasonal
)[data-season="autumn"]{
  --mhtst-rail-a:#d26723;
  --mhtst-rail-b:#8f3519;
  --mhtst-rail-c:#35140e;
  --mhtst-rail-edge:#d7a244;
  --mhtst-rail-accent:#f0b95b;
  --mhtst-rail-text:#fff8ef;
  --mhtst-rail-text-soft:#efd8c5;
}

:is(
  .hotips-home-docked-featured .hotips-article-card--seasonal.mht-seasonal,
  .hotips-bottom-discovery .mht-content-card--seasonal.mht-seasonal
)[data-season="christmas"]{
  --mhtst-rail-a:#275f4d;
  --mhtst-rail-b:#1c4438;
  --mhtst-rail-c:#15251f;
  --mhtst-rail-edge:#b89a65;
  --mhtst-rail-accent:#efd39a;
  --mhtst-rail-text:#fffaf2;
  --mhtst-rail-text-soft:#e7ddd0;
}

:is(
  .hotips-home-docked-featured .hotips-article-card--seasonal.mht-seasonal,
  .hotips-bottom-discovery .mht-content-card--seasonal.mht-seasonal
)[data-season="spring"]{
  --mhtst-rail-a:#71896d;
  --mhtst-rail-b:#526953;
  --mhtst-rail-c:#304337;
  --mhtst-rail-edge:#d8b6a7;
  --mhtst-rail-accent:#f1d2a7;
  --mhtst-rail-text:#fffdf8;
  --mhtst-rail-text-soft:#e8eee5;
}

:is(
  .hotips-home-docked-featured .hotips-article-card--seasonal.mht-seasonal,
  .hotips-bottom-discovery .mht-content-card--seasonal.mht-seasonal
)[data-season="summer"]{
  --mhtst-rail-a:#4e91a4;
  --mhtst-rail-b:#316b78;
  --mhtst-rail-c:#1d444d;
  --mhtst-rail-edge:#e4bd6d;
  --mhtst-rail-accent:#ffe3a0;
  --mhtst-rail-text:#fffdf8;
  --mhtst-rail-text-soft:#e5f0ef;
}

/* -------------------------
   Rail seasonal identity
   Badge/icon/edge treatment is owned here as well, so the theme only
   exposes semantic state and markup. No seasonal rail presentation lives
   in the theme stylesheet.
   ------------------------- */

/* Sticky/docked rail: compact season icon + accent edge. */
.hotips-home-docked-featured
.hotips-article-card--dock.hotips-article-card--seasonal.mht-seasonal[data-season]
.hotips-article-card__link{
  position:relative;
  overflow:hidden;
}

.hotips-home-docked-featured
.hotips-article-card--dock.hotips-article-card--seasonal.mht-seasonal[data-season]
.hotips-article-card__link::after{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  left:0;
  width:72%;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,var(--mhtst-rail-accent),var(--mhtst-rail-edge) 58%,transparent 100%);
}

.hotips-home-docked-featured
.hotips-article-card--dock.hotips-article-card--seasonal.mht-seasonal[data-season]
.hotips-article-card__label{
  display:flex;
  align-items:center;
  gap:5px;
  color:var(--mhtst-rail-accent) !important;
}

.hotips-home-docked-featured
.hotips-article-card--dock.hotips-article-card--seasonal.mht-seasonal[data-season]
.hotips-article-card__label > .mht-collection-badge__icon{
  display:block;
  flex:0 0 15px;
  width:15px;
  height:15px;
  min-width:15px;
  max-width:15px;
  max-height:15px;
  margin:0;
  padding:0;
  border:0;
  border-radius:4px;
  object-fit:contain;
  background:transparent;
  box-shadow:none;
}

/* Bottom discovery rail: compact seasonal chip over the image. */
.hotips-bottom-discovery
.mht-content-card.mht-content-card--seasonal.mht-seasonal[data-season]::after{
  content:"";
  position:absolute;
  z-index:7;
  top:0;
  left:0;
  width:70%;
  height:3px;
  pointer-events:none;
  background:linear-gradient(90deg,var(--mhtst-rail-accent),var(--mhtst-rail-edge) 55%,transparent 100%);
}

.hotips-bottom-discovery
.mht-content-card.mht-content-card--seasonal.mht-seasonal[data-season]
.mht-content-card__seasonal-marker{
  position:absolute;
  z-index:8;
  top:6px;
  left:6px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  max-width:calc(100% - 12px);
  min-height:22px;
  padding:3px 7px 3px 4px;
  border:1px solid color-mix(in srgb,var(--mhtst-rail-edge) 72%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--mhtst-rail-c) 90%,transparent);
  color:var(--mhtst-rail-text);
  box-shadow:0 3px 10px rgba(25,9,6,.28);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  font-family:var(--font-body,Montserrat,Arial,sans-serif);
  font-size:8px;
  font-weight:850;
  line-height:1;
  letter-spacing:.065em;
  text-transform:uppercase;
  pointer-events:none;
}

.hotips-bottom-discovery
.mht-content-card.mht-content-card--seasonal.mht-seasonal[data-season]
.mht-content-card__seasonal-marker > .mht-collection-badge__icon{
  display:block;
  flex:0 0 15px;
  width:15px;
  height:15px;
  min-width:15px;
  max-width:15px;
  max-height:15px;
  margin:0;
  padding:0;
  border:0;
  border-radius:4px;
  object-fit:contain;
  background:transparent;
  box-shadow:none;
}

.hotips-bottom-discovery
.mht-content-card.mht-content-card--seasonal.mht-seasonal[data-season]
.mht-content-card__seasonal-marker-text{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media(max-width:900px){
  .hotips-home-docked-featured
  .hotips-article-card--dock.hotips-article-card--seasonal.mht-seasonal[data-season]
  .hotips-article-card__label > .mht-collection-badge__icon{
    flex-basis:14px;
    width:14px;
    height:14px;
    min-width:14px;
    max-width:14px;
    max-height:14px;
  }
}

/* -------------------------
   Sticky / docked rail
   Override the actual link surface, which is where the blue/green card
   background is painted in the main theme.
   ------------------------- */
.hotips-home-docked-featured
.hotips-article-card--dock.hotips-article-card--seasonal.mht-seasonal[data-season]
.hotips-article-card__link,
.hotips-home-transition--hub-start
.hotips-home-docked-featured
.hotips-article-card--dock.hotips-article-card--seasonal.mht-seasonal[data-season]
.hotips-article-card__link{
  --dock-card-bg:var(--mhtst-rail-a) !important;
  --dock-card-bg-b:var(--mhtst-rail-c) !important;
  --dock-card-border:color-mix(in srgb,var(--mhtst-rail-edge) 68%,rgba(255,255,255,.20)) !important;
  --dock-card-accent:var(--mhtst-rail-accent) !important;
  --dock-card-label:var(--mhtst-rail-accent) !important;
  --dock-card-title:var(--mhtst-rail-text) !important;

  background:
    radial-gradient(circle at 88% 8%,rgba(255,255,255,.10) 0%,transparent 34%),
    linear-gradient(135deg,var(--mhtst-rail-a) 0%,var(--mhtst-rail-b) 54%,var(--mhtst-rail-c) 100%) !important;
  border-color:color-mix(in srgb,var(--mhtst-rail-edge) 68%,rgba(255,255,255,.20)) !important;
  color:var(--mhtst-rail-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 5px 14px rgba(38,15,9,.18) !important;
}

.hotips-home-docked-featured
.hotips-article-card--dock.hotips-article-card--seasonal.mht-seasonal[data-season]:is(:hover,:focus-within)
.hotips-article-card__link{
  background:
    radial-gradient(circle at 88% 8%,rgba(255,255,255,.13) 0%,transparent 36%),
    linear-gradient(135deg,
      color-mix(in srgb,var(--mhtst-rail-a) 88%,#fff 12%) 0%,
      var(--mhtst-rail-b) 54%,
      var(--mhtst-rail-c) 100%) !important;
  border-color:var(--mhtst-rail-edge) !important;
}

.hotips-home-docked-featured
.hotips-article-card--dock.hotips-article-card--seasonal.mht-seasonal[data-season]
:is(.hotips-article-card__label,.hotips-article-card__label *){
  color:var(--mhtst-rail-accent) !important;
}

.hotips-home-docked-featured
.hotips-article-card--dock.hotips-article-card--seasonal.mht-seasonal[data-season]
.hotips-article-card__title{
  color:var(--mhtst-rail-text) !important;
}

/* -------------------------
   Bottom discovery rail
   Override both the card tokens and the concrete glass/body layers so
   Money/Wellness hover rules cannot repaint the seasonal item blue/green.
   ------------------------- */
.hotips-bottom-discovery
.mht-content-card.mht-content-card--seasonal.mht-seasonal[data-season]{
  --mht-card-bg:var(--mhtst-rail-c) !important;
  --mht-card-bg-soft:var(--mhtst-rail-b) !important;
  --mht-card-bg-strong:var(--mhtst-rail-c) !important;
  --mht-card-bg-hover:var(--mhtst-rail-b) !important;
  --mht-card-accent:var(--mhtst-rail-accent) !important;
  --mht-card-hover-line:var(--mhtst-rail-accent) !important;
  --mht-card-border-hover:var(--mhtst-rail-edge) !important;
  --mht-card-title:var(--mhtst-rail-text) !important;
  --mht-card-title-hover:var(--mhtst-rail-accent) !important;
  --mht-card-text:var(--mhtst-rail-text-soft) !important;
  --mht-card-text-soft:color-mix(in srgb,var(--mhtst-rail-text-soft) 82%,transparent) !important;
  --mht-card-divider:color-mix(in srgb,var(--mhtst-rail-edge) 34%,transparent) !important;
  --mht-card-divider-hover:color-mix(in srgb,var(--mhtst-rail-edge) 62%,transparent) !important;
  --mht-card-hover-sheen:color-mix(in srgb,var(--mhtst-rail-accent) 18%,transparent) !important;

  background:var(--mhtst-rail-c) !important;
  border-color:color-mix(in srgb,var(--mhtst-rail-edge) 58%,var(--mhtst-rail-c) 42%) !important;
}

.hotips-bottom-discovery
.mht-content-card.mht-content-card--seasonal.mht-seasonal[data-season]
.mht-content-card__body,
.hotips-bottom-discovery
.mht-content-card.mht-content-card--seasonal.mht-seasonal[data-season]:is(:hover,:focus-within)
.mht-content-card__body{
  background:
    linear-gradient(180deg,rgba(255,255,255,.09) 0%,transparent 34%),
    linear-gradient(145deg,var(--mhtst-rail-a) 0%,var(--mhtst-rail-b) 56%,var(--mhtst-rail-c) 100%) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

.hotips-bottom-discovery
.mht-content-card.mht-content-card--seasonal.mht-seasonal[data-season]
.mht-content-card__body::after,
.hotips-bottom-discovery
.mht-content-card.mht-content-card--seasonal.mht-seasonal[data-season]:is(:hover,:focus-within)
.mht-content-card__body::after{
  background:
    radial-gradient(circle at 82% 0%,rgba(255,220,159,.14) 0%,transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(25,9,6,.20)) !important;
}

.hotips-bottom-discovery
.mht-content-card.mht-content-card--seasonal.mht-seasonal[data-season]
.mht-content-card__body::before{
  opacity:.11 !important;
  filter:saturate(.60) contrast(.96) brightness(.92) !important;
}

.hotips-bottom-discovery
.mht-content-card.mht-content-card--seasonal.mht-seasonal[data-season]
.mht-content-card__media::after{
  background:linear-gradient(
    to bottom,
    transparent 0%,
    color-mix(in srgb,var(--mhtst-rail-a) 12%,transparent) 46%,
    color-mix(in srgb,var(--mhtst-rail-c) 84%,transparent) 100%
  ) !important;
}

.hotips-bottom-discovery
.mht-content-card.mht-content-card--seasonal.mht-seasonal[data-season]
:is(
  .mht-content-card__title,
  .mht-content-card__brand-name,
  .mht-content-card__footer,
  .mht-content-card__footer *
){
  color:var(--mhtst-rail-text) !important;
}

.hotips-bottom-discovery
.mht-content-card.mht-content-card--seasonal.mht-seasonal[data-season]
.mht-content-card__excerpt{
  color:var(--mhtst-rail-text-soft) !important;
}

.hotips-bottom-discovery
.mht-content-card.mht-content-card--seasonal.mht-seasonal[data-season]:is(:hover,:focus-within)
.mht-content-card__title{
  color:var(--mhtst-rail-accent) !important;
}