/* Masthead themes. Each page picks one on <body data-masthead="…">; includes/site-header.php swaps it
   when the visitor arrives from a page that used the same theme. All colours come from the Clear Mind palette:
   Teal #0E5F63 · Ink #0F1716 · Mist #CFE3E0 · Spark #D4F25C · Cloud #F1EFEA. */
body[data-masthead] {
  --mh-bg: #0e5f63; --mh-fg: #fff; --mh-text: #e0ece9; --mh-soft: #cfe3e0; --mh-accent: #d4f25c;
  --mh-line: rgba(207,227,224,.24); --mh-panel: rgba(255,255,255,.05);
  --mh-btn-bg: #d4f25c; --mh-btn-fg: #0f1716; --mh-rule: transparent;
}
body[data-masthead="ink"] {
  --mh-bg: #0f1716; --mh-fg: #fff; --mh-text: #e4ebe9; --mh-soft: #aebdba; --mh-accent: #d4f25c;
  --mh-line: rgba(255,255,255,.16); --mh-panel: rgba(255,255,255,.04);
  --mh-btn-bg: #d4f25c; --mh-btn-fg: #0f1716;
}
body[data-masthead="mist"] {
  --mh-bg: #cfe3e0; --mh-fg: #0f1716; --mh-text: #1f2e2c; --mh-soft: #3b4a48; --mh-accent: #0e5f63;
  --mh-line: rgba(14,95,99,.28); --mh-panel: rgba(255,255,255,.55);
  --mh-btn-bg: #0e5f63; --mh-btn-fg: #fff;
}
body[data-masthead="spark"] {
  --mh-bg: #d4f25c; --mh-fg: #0f1716; --mh-text: #1f2a1c; --mh-soft: #34402a; --mh-accent: #0e5f63;
  --mh-line: rgba(15,23,22,.22); --mh-panel: rgba(255,255,255,.45);
  --mh-btn-bg: #0f1716; --mh-btn-fg: #fff;
}
body[data-masthead="cloud"] {
  --mh-bg: #fbfaf7; --mh-fg: #0f1716; --mh-text: #2b3634; --mh-soft: #536461; --mh-accent: #0e5f63;
  --mh-line: rgba(14,95,99,.22); --mh-panel: #fff;
  --mh-btn-bg: #0e5f63; --mh-btn-fg: #fff; --mh-rule: #0e5f63;
}

/* Big page title at the top of every masthead */
.masthead-title-bar { padding: clamp(2rem,5vw,3.6rem) 0 0; color: var(--mh-fg); background: var(--mh-bg); }
.masthead-crumb {
  display: flex; align-items: center; gap: .75rem; margin: 0 0 .6rem;
  color: var(--mh-accent); font-family: Inter,Arial,sans-serif; font-size: .74rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
}
.masthead-crumb::before { width: 2.2rem; height: 3px; background: currentColor; content: ""; }
.masthead-title {
  margin: 0; padding-bottom: clamp(1.2rem,3vw,2rem); border-bottom: 1px solid var(--mh-line);
  color: var(--mh-fg); font-family: Archivo,Inter,sans-serif; font-size: clamp(3rem,9vw,7.5rem); font-weight: 800; line-height: .92; letter-spacing: -.05em;
  overflow-wrap: anywhere;
}
.masthead-title-bar.is-standalone,.news-page .masthead-title-bar { padding-bottom: clamp(1.5rem,4vw,2.5rem); border-bottom: 6px solid var(--mh-rule); }
.masthead-title-bar.is-standalone .masthead-title,.news-page .masthead-title { padding-bottom: 0; border-bottom: 0; }
.news-page .news-reader { padding-top: clamp(2rem,5vw,3.5rem); }

/* Shared masthead surface */
body[data-masthead] .masthead { color: var(--mh-text); background: var(--mh-bg)!important; border-bottom: 6px solid var(--mh-rule); }
body[data-masthead] .masthead:after { border-color: var(--mh-line); }
body[data-masthead] .masthead h1 { color: var(--mh-fg)!important; }
body[data-masthead] .masthead .eyebrow,
body[data-masthead] .masthead .text-gold,
body[data-masthead] .masthead .ba-eyebrow { color: var(--mh-accent)!important; }
body[data-masthead] .masthead .lead { color: var(--mh-text); }
body[data-masthead] .masthead .btn-gold { color: var(--mh-btn-fg); background: var(--mh-btn-bg); border-color: var(--mh-btn-bg); }
body[data-masthead] .masthead .btn-gold:hover { color: var(--mh-btn-fg); background: var(--mh-btn-bg); opacity: .86; }
body[data-masthead] .masthead .btn-outline-light { color: var(--mh-fg); border-color: var(--mh-fg); }
body[data-masthead] .masthead .btn-outline-light:hover { color: var(--mh-bg); background: var(--mh-fg); }

/* The page title now leads, so the hero statement steps down and the hero tightens up */
body[data-masthead] .masthead.hero { padding: 2.25rem 0 3.5rem; }
body[data-masthead] .masthead.hero-mini h1 { font-size: clamp(1.75rem,3.4vw,2.8rem); }
body[data-masthead] .masthead.relationship-hero { min-height: 0; }
body[data-masthead] .masthead .relationship-hero-inner { padding-top: 2.5rem; padding-bottom: 5.5rem; }
body[data-masthead] .masthead.relationship-hero h1 { font-size: clamp(2.1rem,4.4vw,3.9rem); }
body[data-masthead] .masthead .eazy-hero-grid,
body[data-masthead] .masthead .market-hero-grid { min-height: 0; padding-top: 2.5rem; padding-bottom: 4.5rem; }
body[data-masthead] .masthead.eazy-hero h1 { font-size: clamp(2.2rem,4.6vw,4.2rem); }
body[data-masthead] .masthead.market-hero h1 { font-size: clamp(2rem,4vw,3.6rem); }
body[data-masthead] .masthead.ba-hero .ba-in { padding-top: 28px; }
body[data-masthead] .masthead.ba-hero h1 { max-width: 20ch; font-size: clamp(2rem,4.2vw,3.6rem); }

/* Home */
.masthead.relationship-hero:after { box-shadow: none; }
.masthead .relationship-hero-intro { color: var(--mh-text); }
.masthead .relationship-signoff,.masthead .relationship-hero-mark { color: var(--mh-soft); }
.masthead .relationship-signoff span,.masthead .relationship-hero-mark i { background: var(--mh-accent); }

/* EazyBuizy */
body[data-masthead] .masthead.eazy-hero h1 span { color: var(--mh-accent); }
.masthead .eazy-hero-intro { color: var(--mh-fg); }
.masthead .eazy-hero-support { color: var(--mh-text); }
body[data-masthead] .masthead .eazy-download-link { color: var(--mh-accent); text-decoration-color: var(--mh-accent); }
.masthead .eazy-response-note { color: var(--mh-soft); }
.masthead .eazy-dot { background: var(--mh-accent); }
.masthead .eazy-northstar { border-color: var(--mh-line); background: var(--mh-panel); box-shadow: none; }
.masthead .northstar-label,.masthead .northstar-bottom i { color: var(--mh-accent); }
.masthead .northstar-center span { color: var(--mh-soft); }
.masthead .northstar-center strong { border-color: var(--mh-accent); color: var(--mh-accent); box-shadow: none; }
.masthead .northstar-bottom { border-top-color: var(--mh-line); color: var(--mh-text); }

/* Market EyeZee */
body[data-masthead] .masthead .market-hero-intro { color: var(--mh-accent); }
.masthead .market-hero-description { color: var(--mh-text); }
body[data-masthead] .masthead .market-download-link { color: var(--mh-accent); text-decoration-color: var(--mh-accent); }
.masthead .market-response-note { color: var(--mh-soft); }
.masthead .market-dot { background: var(--mh-accent); }
.masthead .market-ground-visual { border-color: var(--mh-line); background: var(--mh-panel); box-shadow: none; }
body[data-masthead] .masthead .ground-visual-label,
body[data-masthead] .masthead .ground-visual-bottom b,
body[data-masthead] .masthead .ground-visual-bottom strong { color: var(--mh-accent); }
.masthead .ground-visual-top,.masthead .ground-visual-bottom { color: var(--mh-soft); }
.masthead .ground-filter { border-color: var(--mh-accent); background: var(--mh-panel); color: var(--mh-fg); }
.masthead .ground-stones { border-bottom-color: var(--mh-line); }
.masthead .ground-stones:before,.masthead .ground-stones:after { background: var(--mh-line); }
.masthead .ground-stones i { background: var(--mh-accent); box-shadow: none; }
.masthead .market-ground-visual > p { color: var(--mh-fg); }

/* Stellar Business Answers */
.masthead.ba-hero { color: var(--mh-fg); }
.masthead.ba-hero h1 em { color: var(--mh-accent); }
body[data-masthead="teal"] .masthead.ba-hero h1 em,
body[data-masthead="ink"] .masthead.ba-hero h1 em { color: #d4f25c; }
.masthead .ba-lede { color: var(--mh-text); }
.masthead .ba-search .ba-box { border-color: var(--mh-btn-bg); }
.masthead .ba-search button { color: var(--mh-btn-fg); background: var(--mh-btn-bg); }
.masthead .ba-search .ba-box:focus-within { outline-color: var(--mh-fg); }
.masthead .ba-facts { border-top-color: var(--mh-line); color: var(--mh-soft); }
.masthead .ba-facts b { color: var(--mh-fg); }
