/* nav.css — Shared navigation bar for public pages */
.site-nav{
  background:#0a0a0f;
  padding:0 2rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:56px;
  position:relative;
  z-index:100;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.site-nav-brand{
  font-family:'Outfit','Heebo',sans-serif;
  font-weight:800;
  font-size:1.2rem;
  color:#f0f0f8;
  text-decoration:none;
  letter-spacing:-0.5px;
}
.site-nav-brand span{
  background:linear-gradient(135deg,#00f5d4,#ff2d87);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.site-nav-links{
  display:flex;
  gap:0.5rem;
  align-items:center;
}
.site-nav-links a{
  color:#8888a0;
  text-decoration:none;
  font-size:0.85rem;
  font-weight:500;
  padding:0.5rem 0.8rem;
  border-radius:6px;
  transition:color 0.2s, background 0.2s;
  position:relative;
}
.site-nav-links a:hover{
  color:#f0f0f8;
  background:rgba(255,255,255,0.05);
}
.site-nav-links a.active{
  color:#0d9488;
}
.site-nav-links a.active::after{
  content:'';
  position:absolute;
  bottom:-1px;
  left:0.8rem;
  right:0.8rem;
  height:2px;
  background:#0d9488;
  border-radius:1px;
}
.site-nav-links .nav-cta{
  background:rgba(13,148,136,0.15);
  color:#0d9488;
  font-weight:600;
  border:1px solid rgba(13,148,136,0.2);
}
.site-nav-links .nav-cta:hover{
  background:rgba(13,148,136,0.25);
  color:#0d9488;
}

/* RTL */
[dir="rtl"] .site-nav{flex-direction:row-reverse}
[dir="rtl"] .site-nav-links{flex-direction:row-reverse}

/* Mobile */
@media(max-width:640px){
  .site-nav{padding:0 1rem;height:48px}
  .site-nav-brand{font-size:1rem}
  .site-nav-links a{font-size:0.75rem;padding:0.4rem 0.5rem}
}