/**
 * OHB — couche lisibilité + finition UI finale (charger EN DERNIER).
 * Conserve le style cyber/glass des ghost CTA sur les 7 palettes.
 */

[data-theme] {
  --text-support: color-mix(in srgb, var(--text3) 6%, var(--text2) 54%, var(--text) 40%);
  --ohb-cta-ghost-text: color-mix(in srgb, var(--text) 92%, var(--b) 8%);
  --ohb-cta-ghost-text-hover: var(--b);
}

[data-theme='solar'],
[data-theme='arctic'] {
  --text-support: color-mix(in srgb, var(--text3) 4%, var(--text2) 56%, var(--text) 40%);
}

/* ── Ghost CTA hero — lisibilité + glow néon ── */
a.ohb-landing-cta-pill.ohb-landing-cta-ghost,
body.ohb-landing-body a.ohb-landing-cta-pill.ohb-landing-cta-ghost,
body.ohb-portal a.ohb-landing-cta-pill.ohb-landing-cta-ghost {
  background: var(--ohb-cta-ghost-bg) !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: var(--ohb-cta-ghost-text, #e8f4ff) !important;
  -webkit-text-fill-color: var(--ohb-cta-ghost-text, #e8f4ff) !important;
  text-shadow: var(--ohb-cta-ghost-text-glow) !important;
  border: 1px solid var(--ohb-cta-ghost-border) !important;
  box-shadow: var(--ohb-cta-ghost-glow) !important;
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
}

a.ohb-landing-cta-pill.ohb-landing-cta-ghost:hover,
body.ohb-landing-body a.ohb-landing-cta-pill.ohb-landing-cta-ghost:hover {
  color: var(--ohb-cta-ghost-text-hover, var(--b, #38bdf8)) !important;
  -webkit-text-fill-color: var(--ohb-cta-ghost-text-hover, var(--b, #38bdf8)) !important;
  box-shadow: var(--ohb-cta-ghost-glow-hover) !important;
  text-shadow: 0 0 22px color-mix(in srgb, var(--b) 45%, transparent) !important;
}

/* ── Boutons secondaires tarifs / portail (glass néon) ── */
body.ohb-landing-body .btn-cta.secondary,
body.ohb-pricing-portal .btn-cta.secondary,
body.ohb-portal .btn-cta.secondary,
body.ohb-billing-page .btn-cta.secondary,
body.ohb-auth-page .btn-cta.secondary {
  background: var(--ohb-cta-ghost-bg) !important;
  color: var(--ohb-cta-ghost-text, var(--text, #e8f4ff)) !important;
  -webkit-text-fill-color: var(--ohb-cta-ghost-text, var(--text, #e8f4ff)) !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: var(--ohb-cta-ghost-text-glow) !important;
  border: 1px solid var(--ohb-cta-ghost-border) !important;
  box-shadow: var(--ohb-cta-ghost-glow) !important;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

body.ohb-landing-body .btn-cta.secondary:hover,
body.ohb-pricing-portal .btn-cta.secondary:hover,
body.ohb-portal .btn-cta.secondary:hover,
body.ohb-billing-page .btn-cta.secondary:hover,
body.ohb-auth-page .btn-cta.secondary:hover {
  color: var(--ohb-cta-ghost-text-hover, var(--b)) !important;
  -webkit-text-fill-color: var(--ohb-cta-ghost-text-hover, var(--b)) !important;
  border-color: color-mix(in srgb, var(--b) 55%, var(--g) 25%) !important;
  box-shadow: var(--ohb-cta-ghost-glow-hover) !important;
  text-shadow: 0 0 20px color-mix(in srgb, var(--b) 40%, transparent) !important;
  transform: translateY(-1px);
}

/* ── Header session ── */
body.ohb-landing-body .ohb-site-header__session .ohb-cn-link,
body.ohb-landing-body .ohb-site-header__session .ohb-cn-link--ghost,
body.ohb-pricing-portal .ohb-site-header__session .ohb-cn-link,
body.ohb-pricing-portal .ohb-site-header__session .ohb-cn-link--ghost {
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important;
  border-color: color-mix(in srgb, var(--g) 22%, var(--b) 14%) !important;
  background: color-mix(in srgb, var(--bg3) 70%, transparent) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.ohb-landing-body .ohb-site-header__session .ohb-cn-link:hover,
body.ohb-pricing-portal .ohb-site-header__session .ohb-cn-link:hover {
  color: var(--b) !important;
  -webkit-text-fill-color: var(--b) !important;
  box-shadow: 0 0 20px color-mix(in srgb, var(--b) 18%, transparent);
}

/* ── Microcopy marketing ── */
body.ohb-landing-body .ohb-landing-brand-tag,
body.ohb-pricing-portal .ohb-landing-brand-tag,
body.ohb-landing-body .ohb-site-header__link,
body.ohb-pricing-portal .ohb-site-header__link {
  color: var(--text2) !important;
}

body.ohb-landing-body .ohb-hero-sub,
body.ohb-landing-body .ohb-section-lead,
body.ohb-landing-body .ohb-hero-badges li,
body.ohb-landing-body .ohb-section-note,
body.ohb-landing-body .ohb-hero-kw-note,
body.ohb-landing-body .ohb-final-cta p,
body.ohb-pricing-portal .ohb-pr-footer,
body.ohb-pricing-portal .mono:not(.agent-text):not(.ohb-pr-kicker) {
  color: var(--text-support) !important;
}

body.ohb-landing-body .ohb-hero-cta-sub,
body.ohb-landing-body .ohb-hero-kicker {
  color: var(--b) !important;
}

body.ohb-landing-body .ohb-landing-footer-note,
body.ohb-landing-body footer .mono[style*='text3'] {
  color: var(--text-support) !important;
}