/* 3B's — navigation only. Scoped to .nav3bs so it never touches
   the restored Elementor homepage styles. */

:root {
  --maroon: #4D0505;
  --brown: #964B00;
  --gold: #F2C438;
  --gold-soft: #D1AF53;
  --green: #028F3A;
  --ink: #1c1c1c;
  --paper: #E7E7E7;
}

.nav3bs, .nav3bs * { box-sizing: border-box; }
.nav3bs {
  background: var(--maroon);
  position: sticky; top: 0; z-index: 999;
  border-bottom: 2px solid var(--gold-soft);
}
.nav3bs .wrap {
  display: flex; align-items: center; gap: 1.4rem;
  padding: .6rem 0; flex-wrap: wrap;
}
.nav3bs img { height: 52px; width: auto; }
.nav3bs nav { display: flex; gap: 1.35rem; flex-wrap: wrap; margin-left: auto; }
.nav3bs a {
  color: #fff; text-decoration: none; font-weight: 500;
  font-size: .95rem; letter-spacing: .02em; padding: .35rem 0;
  border-bottom: 2px solid transparent; transition: .2s;
}
.nav3bs a:hover, .nav3bs a[aria-current="page"] {
  color: var(--gold); border-bottom-color: var(--gold);
}

@media (max-width: 640px) {
  .nav3bs nav { gap: .9rem; width: 100%; margin-left: 0; }
  .nav3bs a { font-size: .88rem; }
}