/* =========================================================
   V54 HERO HEADLINE COLOR SYSTEM
   V52 base preserved. Replaces white/black page H1 treatments
   with cyan + orange for consistent contrast across backgrounds.
   ========================================================= */
:root{
  --v54-hero-cyan:#00a9d6;
  --v54-hero-cyan-bright:#00cfee;
  --v54-hero-orange:#f36b18;
  --v54-hero-orange-bright:#ff8a2a;
  --v54-hero-edge:rgba(3,9,22,.24);
}

/* Every page-level H1 uses the same cyan + orange headline palette. */
body.theme-v38 main h1{
  color:var(--v54-hero-cyan)!important;
  background:linear-gradient(105deg,var(--v54-hero-cyan) 0%,var(--v54-hero-cyan-bright) 46%,var(--v54-hero-orange) 58%,var(--v54-hero-orange-bright) 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  filter:drop-shadow(0 2px 0 var(--v54-hero-edge));
}

/* Existing editorial accent lines remain deliberately orange. */
body.theme-v38 main h1 em,
body.theme-v38 main h1 .hero-accent{
  color:var(--v54-hero-orange)!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:var(--v54-hero-orange)!important;
  text-shadow:none!important;
  filter:drop-shadow(0 1px 0 rgba(3,9,22,.14));
}

/* Landing hero: preserve its three-line typography, only change color. */
body.theme-v38 .v38-home-title{
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  filter:none!important;
}
body.theme-v38 .v38-home-title .v38-condensed{
  color:var(--v54-hero-cyan)!important;
  -webkit-text-fill-color:var(--v54-hero-cyan)!important;
  text-shadow:2px 2px 0 rgba(243,107,24,.20)!important;
}
body.theme-v38 .v38-home-title .v38-serif{
  color:var(--v54-hero-orange)!important;
  -webkit-text-fill-color:var(--v54-hero-orange)!important;
  text-shadow:2px 2px 0 rgba(0,169,214,.16)!important;
}
body.theme-v38 .v38-home-title .v38-solid{
  color:var(--v54-hero-cyan)!important;
  -webkit-text-fill-color:var(--v54-hero-cyan)!important;
  text-shadow:2px 2px 0 rgba(243,107,24,.20)!important;
}

/* The unified V52 mural hero follows the same split-color rule. */
body.theme-v38 .mural-editorial-hero h1{
  color:var(--v54-hero-cyan)!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:var(--v54-hero-cyan)!important;
  filter:drop-shadow(0 2px 0 var(--v54-hero-edge));
}
body.theme-v38 .mural-editorial-hero h1 em{
  color:var(--v54-hero-orange)!important;
  -webkit-text-fill-color:var(--v54-hero-orange)!important;
}

/* On very dark hero panels, use the brighter cyan/orange pair. */
body.theme-v38 :is(.case-hero,.thank-you,.final-cta,.article-teaser,.discount-game-section) h1{
  background:linear-gradient(105deg,var(--v54-hero-cyan-bright) 0%,var(--v54-hero-cyan-bright) 48%,var(--v54-hero-orange-bright) 60%,var(--v54-hero-orange-bright) 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.34));
}

@media (max-width:700px){
  body.theme-v38 main h1{
    background:linear-gradient(115deg,var(--v54-hero-cyan) 0%,var(--v54-hero-cyan-bright) 50%,var(--v54-hero-orange) 68%,var(--v54-hero-orange-bright) 100%)!important;
    background-clip:text!important;
    -webkit-background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    filter:drop-shadow(0 1px 0 rgba(3,9,22,.20));
  }
  body.theme-v38 .v38-home-title,
  body.theme-v38 .mural-editorial-hero h1{
    background:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
  }
}

@media (prefers-contrast:more){
  body.theme-v38 main h1{filter:drop-shadow(0 2px 0 rgba(3,9,22,.42))}
}