/* navbar.css — Navigation bar */
.nav { background: var(--white); border-bottom: 1.5px solid var(--border); padding: 0 24px; display: flex; align-items: center; justify-content: space-between; height: 64px; position: sticky; top: 0; z-index: 200; }
.nav-logo { display: flex; align-items: center; gap: 10px; cursor: pointer; text-decoration: none; }
.nav-logo img { width: 42px; height: 42px; object-fit: contain; }
.nav-logo-text { font-family: var(--ff-h); font-weight: 800; font-size: 13.5px; color: var(--blue-d); line-height: 1.2; }
.nav-logo-sub  { font-size: 10px; font-weight: 400; color: var(--muted); }
.nav-links { display: flex; align-items: center; gap: 2px; }
.nav-link { padding: 7px 11px; font-size: 13px; font-weight: 500; color: var(--muted); text-decoration: none; border-radius: 7px; cursor: pointer; border: none; background: none; transition: .15s; font-family: var(--ff-b); }
.nav-link:hover, .nav-link.active { background: var(--blue-pale); color: var(--blue-d); }
.nav-cta { background: var(--blue); color: var(--white) !important; padding: 8px 16px; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; border: none; font-family: var(--ff-h); transition: .15s; }
.nav-cta:hover { background: var(--blue-l); }

/* Dropdown */
.nav-dropdown { position: relative; display: inline-block; }
.nav-drop-menu { display: none; position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); background: var(--white); border: 1.5px solid var(--border); border-radius: var(--r-lg); box-shadow: 0 8px 32px rgba(13,46,122,.12); min-width: 240px; z-index: 500; overflow: hidden; }
.nav-drop-menu.open { display: block; }
.nav-drop-item { padding: 13px 16px; cursor: pointer; transition: .15s; border-bottom: 1px solid var(--border); }
.nav-drop-item:last-child { border-bottom: none; }
.nav-drop-item:hover { background: var(--off-white); }
.nav-drop-item.closed-item { opacity: .65; }
.ndi-label { font-family: var(--ff-h); font-size: 13.5px; font-weight: 700; color: var(--blue-d); display: flex; align-items: center; gap: 8px; margin-bottom: 3px; }
.ndi-sub   { font-size: 11.5px; color: var(--muted); }
.ndi-badge { font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 20px; font-family: var(--ff-h); }
.ndi-badge.closed { background: var(--red-bg); color: var(--red); }
.ndi-badge.coming { background: var(--green-bg); color: var(--green); }

/* Announce bar */
.announce { background: var(--blue-d); padding: 9px 24px; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.ann-badge { background: var(--blue); color: var(--white); font-size: 10px; font-weight: 800; padding: 2px 9px; border-radius: 20px; letter-spacing: .6px; font-family: var(--ff-h); white-space: nowrap; }
.ann-text  { font-size: 12.5px; color: rgba(255,255,255,.82); }
.ann-link  { font-size: 12.5px; color: rgba(255,255,255,.9); font-weight: 700; text-decoration: none; cursor: pointer; white-space: nowrap; }

/* Mobile */
.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 6px; }
.hamburger span { width: 22px; height: 2px; background: var(--blue-d); border-radius: 2px; transition: .2s; }
.mobile-menu { display: none; flex-direction: column; background: var(--white); border-bottom: 1.5px solid var(--border); padding: 12px 24px; }
.mobile-menu.open { display: flex; }
.mobile-link { padding: 10px 4px; font-size: 14px; font-weight: 500; color: var(--muted); cursor: pointer; border-bottom: .5px solid var(--border); font-family: var(--ff-b); }
.mobile-link:last-child { border-bottom: none; }
.mobile-link:hover { color: var(--blue-d); }
@media (max-width: 768px) { .nav-links { display: none; } .hamburger { display: flex; } }