/* ============================================================
   Site-wide "Heraldic Gold" skin — loads AFTER main.css on every
   page that uses includes/header.php + includes/footer.php.
   Brings header/nav/logo/buttons/footer in line with the new
   homepage (Working Design v5/v6) without touching each page's
   own markup or the shared main.css component library.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root{
  --serif: 'Cinzel', 'Iowan Old Style', Georgia, serif;
  --mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
  --nav-h: 84px;
}

/* ---------- Header / nav ---------- */
.site-header.scrolled{ background:rgba(8,9,11,.9); backdrop-filter:blur(12px); }

.nav-logo, .logo{ font-family:var(--serif); font-weight:700; font-size:24px; letter-spacing:.03em; gap:6px; }
.nav-logo .l2, .logo .l2{
  background:linear-gradient(160deg,#f4f2ec 0%,#c7c2b6 45%,#8f8a7d 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:none;
}
.nav-logo .name, .logo .name{
  background:linear-gradient(120deg,#f6dd9c 0%,#d4ab35 45%,#9c8140 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 1px 6px rgba(212,171,53,.25));
}

.nav-links a{ font-family:'Inter',sans-serif; font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; }

.nav-cta{
  border-radius:0; background:var(--gold); border:1px solid var(--gold);
  box-shadow:none; font-family:'Inter',sans-serif; letter-spacing:.1em; text-transform:uppercase; font-size:12.5px;
}
.nav-cta:hover{ background:var(--gold-light); box-shadow:0 0 22px rgba(212,175,55,.45); transform:none; filter:none; }

/* ---------- Buttons site-wide (.btn/.btn-primary/.btn-ghost/.btn-gold) ---------- */
.btn{ border-radius:0; letter-spacing:.08em; text-transform:uppercase; font-size:13px; }
.btn:active{ transform:none; }
.btn-primary, .btn-gold{ box-shadow:none; border-color:var(--gold); }
.btn-primary:hover, .btn-gold:hover{ transform:none; box-shadow:0 0 22px rgba(212,175,55,.45); filter:none; background:var(--gold-light); }
.btn-ghost:hover{ transform:none; box-shadow:0 0 18px rgba(212,175,55,.3); }

/* ---------- Footer ---------- */
.footer-logo{ font-family:var(--serif); }
.footer-logo::first-letter{ color:var(--gold); }
.footer-nav h3, .footer-social h3, .footer-contact h3{ font-family:'Inter',sans-serif; letter-spacing:.14em; }

.header-actions .lang a{ color:var(--muted); text-decoration:none; }
.header-actions .lang a.on{ color:var(--gold); font-weight:700; }
.header-actions .lang a:hover{ color:var(--gold-light); }