/* nav.css: light gray brand bar (row 1) + navy links bar (row 2) */
.main-nav { position:sticky; top:0; z-index:100; box-shadow:0 2px 8px rgba(0,0,0,.15); }
.main-nav__brand-bar { background:#f1f5f9; border-bottom:1px solid #e2e8f0; }
.main-nav__brand-inner { max-width:var(--content-max); margin-inline:auto; padding-inline:var(--content-pad); height:64px; display:flex; align-items:center; flex-wrap:nowrap; gap:12px; }
.main-nav__links-bar { background:var(--color-navy); border-top:1px solid rgba(255,255,255,.10); }
.main-nav__links-inner { max-width:var(--content-max); margin-inline:auto; padding-inline:var(--content-pad); height:44px; display:flex; align-items:stretch; justify-content:center; }
.main-nav__logo { flex-shrink:0; line-height:0; display:flex; align-items:center; transition:opacity .15s; }
.main-nav__logo:hover { opacity:.82; }
.main-nav__search { flex:1 1 0; min-width:80px; max-width:380px; display:flex; align-items:center; gap:8px; background:rgba(0,0,0,.06); border:1px solid rgba(0,0,0,.13); border-radius:var(--radius-md); padding:7px 12px; transition:var(--transition); }
.main-nav__search:focus-within { background:#fff; border-color:var(--color-primary,#1a6bc4); box-shadow:0 0 0 2px rgba(26,107,196,.18); }
.main-nav__search svg { width:15px; height:15px; color:#6b7280; flex-shrink:0; }
.main-nav__search input { background:transparent; border:none; outline:none; color:#1a202c; font-size:13px; width:100%; min-width:0; font-family:var(--font-sans); }
.main-nav__search input::placeholder { color:#9ca3af; }
.main-nav__auth { margin-left:auto; flex-shrink:0; display:flex; align-items:center; gap:8px; white-space:nowrap; }
.nav-btn-login { font-size:13px; font-weight:500; color:#374151; padding:6px 10px; background:none; border:none; cursor:pointer; font-family:var(--font-sans); white-space:nowrap; transition:var(--transition); text-decoration:none; display:inline-flex; align-items:center; }
.nav-btn-login:hover { color:#0f172a; }
.nav-btn-register { background:var(--color-navy,#0f2d5e); color:#fff; padding:7px 14px; border-radius:var(--radius-md); font-size:13px; font-weight:700; white-space:nowrap; transition:var(--transition); text-decoration:none; display:inline-flex; align-items:center; }
.nav-btn-register:hover { background:#1a3a6c; }
.nav-avatar { display:flex; align-items:center; gap:8px; color:#374151; font-size:13px; font-weight:500; transition:var(--transition); text-decoration:none; }
.nav-avatar:hover { color:#0f172a; }
.nav-avatar__circle { width:30px; height:30px; border-radius:50%; background:var(--color-navy,#0f2d5e); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; flex-shrink:0; }
.main-nav__hamburger { display:none; background:none; border:none; padding:4px; color:#4b5563; cursor:pointer; flex-shrink:0; transition:var(--transition); }
.main-nav__hamburger:hover { color:#0f172a; }
.main-nav__hamburger svg { width:24px; height:24px; display:block; }
.nav-link { display:flex; align-items:center; padding:0 12px; height:44px; font-size:13px; font-weight:500; color:rgba(255,255,255,.78); white-space:nowrap; border-bottom:2px solid transparent; transition:color .15s,background .15s,border-color .15s; }
.nav-link:hover { color:#fff; background:rgba(255,255,255,.08); }
.nav-link--active { color:#fff; border-bottom-color:var(--color-gold-bright); background:rgba(255,255,255,.07); }
.mobile-menu { display:none; background:#060e1e; border-top:1px solid rgba(255,255,255,.1); }
.mobile-menu--open { display:block; }
.mobile-menu__inner { max-width:var(--content-max); margin-inline:auto; padding:var(--space-md) var(--content-pad); }
.mobile-menu__link { display:block; padding:10px var(--space-md); border-radius:var(--radius-md); font-size:14px; color:rgba(255,255,255,.75); transition:var(--transition); border-bottom:1px solid rgba(255,255,255,.05); }
.mobile-menu__link:last-child { border-bottom:none; }
.mobile-menu__link:hover { color:#fff; background:rgba(255,255,255,.07); }
.mobile-menu__divider { border:none; border-top:1px solid rgba(255,255,255,.12); margin:var(--space-sm) 0; }
.subnav { background:rgba(15,45,94,.92); border-bottom:1px solid rgba(255,255,255,.08); overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; }
.subnav::-webkit-scrollbar { display:none; }
.subnav__inner { max-width:var(--content-max); margin-inline:auto; padding-inline:var(--content-pad); display:flex; align-items:center; height:40px; gap:2px; white-space:nowrap; }
.subnav__link { padding:4px 14px; border-radius:var(--radius-sm); font-size:13px; font-weight:500; color:rgba(255,255,255,.6); transition:var(--transition); border-bottom:2px solid transparent; }
.subnav__link:hover { color:rgba(255,255,255,.9); }
.subnav__link--active { color:#fff; border-bottom-color:var(--color-gold-bright); }
@media (max-width:960px) { .main-nav__links-bar { display:none; } .main-nav__hamburger { display:block; } }
@media (max-width:640px) { .main-nav__auth { display:none; } }
@media (max-width:400px) { .main-nav__search { display:none; } }