/* ---------- Top strip ---------- */
.tt-topstrip{
  background:var(--charcoal);
  color:var(--bone-dim);
  font-family:var(--font-mono);
  font-size:0.75rem;
  letter-spacing:0.03em;
  padding:0.4rem 0;
}
.tt-topstrip a{ color:var(--bone); }
.tt-topstrip a:hover{ color:var(--gold); }

/* ---------- Navbar ---------- */
.tt-navbar{
  background:#1C1C1C;
  padding:0.65rem 0;
  border-bottom:1px solid rgba(245,243,238,0.08);
}
.tt-logo{
  font-family:var(--font-display);
  color:var(--bone);
  font-size:1.3rem;
  letter-spacing:0.02em;
  display:inline-flex;
  align-items:center;
}
.tt-logo img{ display:block; height:100px; width:auto; }
.tt-logo span{ color:var(--gold); }
#ttNav .nav-link{
  font-family:var(--font-mono);
  font-size:0.78rem;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--bone-dim) !important;
  padding:0.5rem 1rem !important;
  transition:color 0.2s ease;
}
#ttNav .nav-link:hover{ color:var(--gold) !important; }
#ttNav .nav-link.active{
  color:var(--gold) !important;
  position:relative;
}
#ttNav .nav-link.active::after{
  content:"";
  position:absolute;
  left:1rem; right:1rem; bottom:0.15rem;
  height:2px;
  background:var(--gold);
}
.navbar-toggler{ border-color:rgba(245,243,238,0.3); }
.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(245,243,238)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}