/* navbar.css - base / desktop-first */

/* reset nav lists */
.nav-links,
.dropdown-menu,
.sidebar-nav ul,
.sidebar-dropdown-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* layout variables */
:root{
  --header-h: 64px;
  --brand-color: #0b3d66;
  --accent: #1b496b;
}

/* ensure main content starts below header (in case header fixed) */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--header-h);
  background: rgba(255,255,255,0.95);
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(7,50,75,0.04);
  z-index:1300;
  backdrop-filter: blur(6px);
}
.header-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 10px 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.brand {
  font-weight: 700;
  text-decoration: none;
  color: var(--brand-color);
  font-size: 16px;
}

/* push page content below header */
.main-content {
  padding-top: calc(var(--header-h) + 18px); /* ensures tool sits below header */
}

/* desktop nav */
.nav .nav-links {
  display: flex;
  gap: 18px;
  align-items: center;
}
.nav .nav-links li { display:inline-flex; }
.nav .nav-links a,
.nav .nav-links .dropdown-toggle {
  text-decoration: none;
  color: #07324a;
  font-weight: 600;
  padding: 8px 10px;
  border-radius: 8px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.nav .nav-links a:hover,
.nav .nav-links .dropdown-toggle:hover,
.nav .nav-links a:focus,
.nav .nav-links .dropdown-toggle:focus {
  background: rgba(11,61,102,0.06);
  outline: none;
}

/* dropdown menu */
.dropdown {
  position: relative;
}
.dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 180px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(7,50,75,0.12);
  border-radius: 8px;
  padding: 6px;
  margin: 0;
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity 160ms ease, transform 160ms ease;
  z-index: 1400;
}
.dropdown-menu li a {
  display: block;
  padding: 8px 10px;
  color: #07324a;
  text-decoration: none;
  font-weight: 600;
  border-radius: 6px;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
  background: rgba(11,61,102,0.06);
}

/* show dropdown when .open added (JS toggles) or hover on desktop */
@media (min-width: 769px) {
  .dropdown:hover .dropdown-menu,
  .dropdown.open .dropdown-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}

/* hide mobile hamburger by default (mobile CSS will show) */
.hamburger { display: none; }

/* sidebar base hidden on desktop */
.sidebar { display:none; }
.sidebar-overlay { display:none; }

/* small util */
.close-btn { background: transparent; border:0; font-size:22px; cursor:pointer; }