/**
 * Site-wide Kage-inspired atmosphere (no 3D).
 * Loaded after styles.css — keeps copy/SEO, changes mood globally.
 */

:root {
  --atm-ink: #0a0f0c;
  --atm-slate: #142018;
  --atm-mist: #eef2ef;
  --atm-paper: #f6f7f4;
  --atm-sage: #2a6b4f;
  --atm-sage-dark: #1e4f3a;
  --atm-lantern: #c4a574;
  --atm-lantern-soft: rgba(196, 165, 116, 0.18);
  --atm-muted: #5c6b62;
  --atm-line: rgba(10, 15, 12, 0.1);
  --atm-display: "Fraunces", Georgia, "Times New Roman", serif;

  /* Override legacy tokens used across styles.css */
  --ink: var(--atm-ink);
  --navy: var(--atm-slate);
  --blue: var(--atm-sage);
  --blue-dark: var(--atm-sage-dark);
  --sky: var(--atm-lantern);
  --green: var(--atm-sage);
  --orange: var(--atm-lantern);
  --paper: var(--atm-paper);
  --muted: var(--atm-muted);
  --line: #d5ddd7;
  --shadow: 0 28px 70px rgba(10, 15, 12, 0.14);
  --radius: 4px;
}

html {
  background: #fafbfb;
}

body {
  color: var(--atm-ink);
  background: #fafbfb !important;
}

/* ——— Chrome: header matches logo black so PWD isn't a fake box ——— */
.topbar {
  background: #000 !important;
  color: #a8b5ad !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.site-header,
header.site-header,
.header {
  background: #000 !important;
  backdrop-filter: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

.site-header a,
.header a,
.nav a,
.main-menu a,
.header .menu-item > a,
.header .menu-dropdown-trigger,
.site-header .menu-dropdown-trigger {
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.88) !important;
}

.site-header a:hover,
.header a:hover,
.nav a:hover,
.main-menu a:hover,
.header .menu-item > a:hover,
.header .menu-dropdown-trigger:hover,
.site-header .menu-dropdown-trigger:hover,
.header .menu-dropdown-trigger[aria-expanded="true"] {
  color: #fff !important;
}

.site-header a[aria-current="page"],
.site-header .is-active > a,
.site-header .active > a,
.nav a[aria-current="page"],
.main-menu a[aria-current="page"],
.main-menu .current-menu-item > a,
.header .menu-item > a[aria-current="page"],
.header .menu > a[aria-current="page"] {
  color: var(--atm-lantern) !important;
}

.logo,
.site-logo,
.brand-logo,
.header .logo,
a.logo {
  border-radius: 0 !important;
  background: #000 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.logo img,
.header .logo img {
  display: block;
  background: #000 !important;
  /* PNG has its own near-black plate — blend into true black header */
  mix-blend-mode: lighten;
}

/* ——— Buttons: square, sage/lantern — clearly not electric blue ——— */
.btn,
.btn-primary,
.btn-green,
.btn-outline,
.btn-gold {
  border-radius: 2px !important;
  letter-spacing: 0.02em;
  font-weight: 700 !important;
  box-shadow: none !important;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

.btn-primary,
.btn.btn-primary {
  background: var(--atm-sage) !important;
  border-color: var(--atm-sage) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn.btn-primary:hover {
  background: var(--atm-sage-dark) !important;
  border-color: var(--atm-sage-dark) !important;
  transform: translateY(-1px);
}

.btn-green,
.btn.btn-green {
  background: var(--atm-ink) !important;
  border-color: var(--atm-ink) !important;
  color: #fff !important;
}

.btn-green:hover,
.btn.btn-green:hover {
  background: #162018 !important;
  border-color: var(--atm-lantern) !important;
  transform: translateY(-1px);
}

.btn-outline,
.btn.btn-outline {
  background: transparent !important;
  border: 1px solid rgba(10, 15, 12, 0.28) !important;
  color: var(--atm-ink) !important;
}

.btn-outline:hover,
.btn.btn-outline:hover {
  border-color: var(--atm-sage) !important;
  color: var(--atm-sage) !important;
}

.btn-gold,
.btn.btn-gold {
  background: var(--atm-lantern) !important;
  border-color: var(--atm-lantern) !important;
  color: var(--atm-ink) !important;
}

/* ——— Kickers / section labels ——— */
.section-kicker,
.kicker {
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  color: var(--atm-sage) !important;
  -webkit-text-fill-color: var(--atm-sage) !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Display headings sitewide when using common section H2 */
.section-header h2,
.section h2.section-title {
  font-family: var(--atm-display) !important;
  letter-spacing: -0.03em;
  line-height: 1.12;
}

.section {
  padding-top: clamp(3.5rem, 8vw, 5.5rem);
  padding-bottom: clamp(3.5rem, 8vw, 5.5rem);
}

/* Soften generic cards */
.card,
.service-card,
.plan-card,
.faq-card {
  border-radius: 2px !important;
  box-shadow: none !important;
  border: 1px solid var(--atm-line) !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

/* Footer mood */
.site-footer,
footer.site-footer,
.footer {
  background: var(--atm-ink) !important;
  color: #c2cfc6 !important;
  border-top: 1px solid rgba(196, 165, 116, 0.2) !important;
}

.site-footer a,
.footer a {
  color: #e8efe9 !important;
}

.site-footer a:hover,
.footer a:hover {
  color: var(--atm-lantern) !important;
}

/* WhatsApp float: ink + lantern ring instead of neon green */
.whatsapp-float {
  background: var(--atm-ink) !important;
  box-shadow: 0 12px 32px rgba(10, 15, 12, 0.35), 0 0 0 2px var(--atm-lantern) !important;
  border-radius: 2px !important;
}

/* Links accent */
a:where(.text-link, .inline-link) {
  color: var(--atm-sage);
  text-decoration-color: var(--atm-lantern);
}

/* Cookie banner: quieter */
#cookie-consent,
.cookie-consent {
  border-radius: 2px !important;
  border-color: var(--atm-line) !important;
}


/* ——— Money-page heroes: clean display type (no forced bottom align) ——— */
.sh-hero h1,
.pw-hero h1,
.pj-hero h1,
.dw-hero h1,
.pg-hero h1,
.ex-hero h1,
.ct-hero h1,
.bl-hero h1 {
  font-family: var(--atm-display) !important;
  letter-spacing: -0.03em !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
}