/* navbar.css — sticky top navigation, search pill, mobile menu */
.nav{position:sticky;top:0;z-index:100;background:rgba(7,8,10,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}
.nav__inner{display:flex;align-items:center;gap:28px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--head);font-weight:700;font-size:17px;letter-spacing:.02em;color:var(--text);white-space:nowrap}
.brand img{height:30px;width:auto}
.brand span{color:var(--gold)}
.nav__links{display:flex;gap:26px;margin-left:auto}
.nav__links a{position:relative;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:6px 0;transition:color .2s}
.nav__links a:hover{color:var(--text)}
.nav__links a[aria-current="page"]{color:var(--text)}
.nav__links a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--gold)}
.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);padding:3px 3px 3px 14px;transition:border-color .2s}
.search:focus-within{border-color:rgba(233,185,90,.5)}
.search input{width:104px;background:none;border:0;color:var(--text);font:600 11px var(--body);outline:none}
.search input::placeholder{color:var(--dim)}
.search button{border:0;cursor:pointer;border-radius:999px;padding:5px 12px;font:800 10px var(--body);letter-spacing:.08em;color:#17110a;background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo))}
.menu-btn{display:none;margin-left:auto;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--radius);background:none;cursor:pointer;padding:0;position:relative}
.menu-btn span{position:absolute;left:10px;right:10px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .2s,top .3s}
.menu-btn span:nth-child(1){top:13px}.menu-btn span:nth-child(2){top:19px}.menu-btn span:nth-child(3){top:25px}
.menu-btn.active span:nth-child(1){top:19px;transform:rotate(45deg)}
.menu-btn.active span:nth-child(2){opacity:0}
.menu-btn.active span:nth-child(3){top:19px;transform:rotate(-45deg)}

@media (max-width:820px){
  .menu-btn{display:block}
  .nav__inner{flex-wrap:wrap;gap:0;padding:10px 0}
  .nav__links,.search{display:none;width:100%}
  .nav__links.show{display:flex;flex-direction:column;gap:0;margin-top:12px;border-top:1px solid var(--line)}
  .nav__links a{padding:14px 2px;border-bottom:1px solid var(--line-soft);font-size:12px}
  .nav__links a[aria-current="page"]::after{display:none}
  .nav__links a[aria-current="page"]{color:var(--gold-hi)}
  .search.show{display:flex;margin:14px 0 6px;padding-left:16px}
  .search input{flex:1;width:auto;font-size:14px}
  .search button{padding:9px 18px}
}
