/* ═══════════════════════════════════════════════════════════════════════════
   Anvilborn header (logged out) — shared by index.html, news.html and faq.html
   so all three public pages carry the same wording and type. The logged-in
   header lives in anvilborn-layout.css §11 and uses the same language.
   ═══════════════════════════════════════════════════════════════════════════ */
:root { --ab-nav-notch: 8px; }

/* Links: the heading face, mixed case, a red diamond under the current page */
#nav-landing-links, nav .nav-links.ab-public-links { gap: 1.7rem !important; }
#nav-landing-links a, nav .nav-links.ab-public-links a {
  position: relative;
  font-family: 'IM Fell English SC', Georgia, serif !important;
  font-size: 1.02rem !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  color: rgba(216, 201, 163, 0.82) !important;
  white-space: nowrap;
  text-decoration: none !important;
  transition: color 0.15s ease;
}
#nav-landing-links a:hover, nav .nav-links.ab-public-links a:hover,
nav .nav-links.ab-public-links a.active { color: #f1e6c9 !important; text-shadow: 0 0 12px rgba(217, 184, 114, 0.35); }
#nav-landing-links a::after, nav .nav-links.ab-public-links a::after {
  content: ''; position: absolute; left: 50% !important; bottom: -9px !important;
  width: 7px !important; height: 7px !important; margin-left: -3.5px;
  border-radius: 0 !important;
  background: #b3261e !important;
  box-shadow: 0 0 8px rgba(179, 38, 30, 0.8) !important;
  transform: rotate(45deg) scale(0);
  transition: transform 0.18s ease !important;
}
#nav-landing-links a:hover::after, nav .nav-links.ab-public-links a:hover::after { transform: rotate(45deg) scale(0.7); }
nav .nav-links.ab-public-links a.active::after { transform: rotate(45deg) scale(1); }

/* Call to action: a notched blood-red plate, as on the hero */
nav .nav-cta {
  font-family: 'IM Fell English SC', Georgia, serif !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap;
  color: #f1e6c9 !important;
  background: linear-gradient(180deg, #9a2a20, #6a1512) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0.5rem 1.15rem !important;
  text-decoration: none !important;
  clip-path: polygon(var(--ab-nav-notch) 0, calc(100% - var(--ab-nav-notch)) 0, 100% var(--ab-nav-notch),
                     100% calc(100% - var(--ab-nav-notch)), calc(100% - var(--ab-nav-notch)) 100%,
                     var(--ab-nav-notch) 100%, 0 calc(100% - var(--ab-nav-notch)), 0 var(--ab-nav-notch)) !important;
  box-shadow: inset 0 0 0 1px rgba(233, 217, 166, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.35) !important;
}
nav .nav-cta:hover { filter: brightness(1.15); transform: translateY(-1px); }

@media (max-width: 1440px) {
  #nav-landing-links, nav .nav-links.ab-public-links { gap: 1.1rem !important; }
  #nav-landing-links a, nav .nav-links.ab-public-links a { font-size: 0.92rem !important; }
}