/* Footer additions on top of the original stylesheet */
footer.site .foot-col .preferred-btn { margin-top: .75rem; }
footer.site .foot-col .preferred-link { margin-top: .5rem; }
footer.site .foot-bottom a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }

/* Header buttons (2026-11-13): Scan Events | Book a Scan | Free Consultation (far right).
   Phones keep the original header (Book a Scan + menu); all three buttons are in the menu. */
.nav-cta .btn-ghost.nav-events { display: inline-flex; white-space: nowrap; }
.nav-cta .btn { white-space: nowrap; }
.nav-links { gap: 24px; }
.nav-cta { gap: 10px; }
@media (max-width: 1500px) {
  .nav-links { gap: 22px; }
  .nav-cta { gap: 10px; }
  .nav-cta .btn { padding: 11px 16px; }
  .nav-cta .btn-gold .lbl-full { display: none; }
  .nav-cta .btn-gold .lbl-short { display: inline; }
}
@media (max-width: 1220px) {
  .nav-links { gap: 16px; }
  .nav-links a, .nav-links .nav-sub-trigger { font-size: 13px; }
  .nav-cta { gap: 8px; }
  .nav-cta .btn { padding: 10px 12px; font-size: 13px; }
  .nav-cta .btn-primary .arr { display: none; }
}
@media (max-width: 1080px) {
  .nav-cta .btn-ghost.nav-events { display: none; }
}
.drawer .btn-ghost { justify-content: center; }

/* Phone and tablet header (Jake, 2026-11-13): Book a Scan + Free Consultation + menu button.
   Scan Events lives in the menu. On phones the logo is the keyhole alone. */
@media (max-width: 1080px) {
  .nav-cta { gap: 8px; }
  .nav-cta .btn.btn-gold { display: inline-flex; }
  .nav-cta .btn-gold .lbl-full { display: inline; }
  .nav-cta .btn-gold .lbl-short { display: none; }
  .nav-cta .btn.btn-primary { background: var(--color-ink); color: #fff; }
  .nav-cta .btn.btn-primary:hover { background: var(--color-bronze); }
  .nav-cta .btn { padding: 9px 14px; font-size: 12.5px; letter-spacing: .02em; }
  .nav-cta .btn-primary .arr { display: none; }
}
@media (max-width: 640px) {
  header.site .brand .brand-name { display: none; }
  .nav-cta .btn { padding: 8px 12px; font-size: 12px; }
}
@media (max-width: 370px) {
  .nav-cta .btn-gold .lbl-full { display: none; }
  .nav-cta .btn-gold .lbl-short { display: inline; }
}
@media (max-width: 420px) {
  .nav-cta { gap: 6px; }
  .nav-cta .btn { padding: 7px 9px; font-size: 11.5px; letter-spacing: 0; }
}
@media (max-width: 340px) {
  .nav-cta .btn { padding: 5px 7px; font-size: 10.5px; }
}