.nav-links{
  list-style:none;
  display:flex;
  align-items:center;
  gap: 10px;
}
.nav-links li{ position:relative; display:flex; align-items:center; }

.nav-links a{
  text-decoration:none;
  color: #fcfdfd;
  font-weight: 700;
  font-size: 14px;
  padding:10px 12px;
  border-radius: 10px;
  transition:.2s ease;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.nav-links a:hover{ background: #364c61; text-decoration: none; }

.nav-item{ position:relative; display:flex; align-items:center; }
.nav-link{ display:inline-flex; align-items:center; gap:8px; }
.has-dd > .nav-link .dd-caret{ font-size:12px; opacity:.65; transform: translateY(1px); }

.dropdown{
  list-style:none;
  position:absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 220px;
  background: var(--color-white);
  border: var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  padding: 8px;
  opacity:0;
  visibility:hidden;
  transform: translateY(6px);
  transition: .18s ease;
  z-index: 1002;
}
.dropdown a{
  display:flex;
  width:100%;
  padding:10px 12px;
  border-radius: 12px;
  font-weight: 750;
  color: var(--color-gray-900);
  text-decoration:none;
  align-items:center;
  gap:10px;
}
.dropdown a:hover{ background: var(--color-gray-100); text-decoration:none; }

@media (min-width: 901px){
  .has-dd:hover .dropdown,
  .has-dd:focus-within .dropdown{
    opacity:1;
    visibility:visible;
    transform: translateY(0);
  }
}

.nav-cta{ display:flex; align-items:center; gap:10px; }

.search{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border: var(--border);
  border-radius: 12px;
  background: var(--color-white);
  min-width: 240px;
}
.search i{ font-size:14px; opacity:.65; }
.search input{ border:0; outline:0; width:100%; font-size:14px; }

.burger{
  display:none;
}

/* Overlay + Drawer */
.overlay{
  position:fixed; inset:0;
  background: rgba(17,24,39,.45);
  opacity:0; visibility:hidden;
  transition:.25s ease;
  z-index: 1000;
}
.overlay.active{ opacity:1; visibility:visible; }

.drawer{
  position:fixed;
  top:0; right:0; height:100dvh;
  width:min(360px, 88vw);
  background: var(--color-white);
  border-left: var(--border);
  box-shadow: -20px 0 40px rgba(0,0,0,.12);
  transform: translateX(110%);
  transition: transform .28s ease;
  z-index: 1001;
  display:flex;
  flex-direction:column;
}
.drawer.active{ transform: translateX(0); }

.drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 14px;
  border-bottom: var(--border);
}
.drawer-title{ display:flex;align-items:center;gap:10px; font-weight:900; }
.drawer-title .badge{
  width:34px;height:34px;border-radius:12px;
  background: var(--color-gray-900); color: var(--color-white);
  display:grid;place-items:center;
  font-weight:900;
}

.drawer-body{
  padding: 12px 14px 18px;
  display:flex;
  flex-direction:column;
  gap: 8px;
  overflow:auto;
}

.drawer-search{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border: var(--border);
  border-radius: 12px;
  background: var(--color-white);
}
.drawer-search i{ font-size:14px; opacity:.65; }
.drawer-search input{ border:0; outline:0; width:100%; font-size:14px; }

.drawer-nav{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.drawer a{
  text-decoration: none;
  color: var(--color-gray-900);
  font-weight: 600;
  padding: 12px 12px;
  border-bottom: 1px solid #ececec;
  background: var(--color-white);
  transition: .2s ease;
  display: flex;
  align-items: center;
  gap: 10px;
}
.drawer a:hover{ background: var(--color-gray-100); text-decoration:none; }

.drawer .muted{
  font-size:12px;
  color: var(--color-gray-500);
  padding: 6px 4px 0;
  margin: 0;
}

.drawer-dd-link{ justify-content:space-between; }
.drawer-dd-link .left{ display:flex; align-items:center; gap:10px; }
.drawer-dd-link .chev{ font-size:12px; opacity:.65; transition: transform .2s ease; }
.drawer-dd-link[aria-expanded="true"] .chev{ transform: rotate(180deg); }

.drawer-dd-panel{
  list-style:none;
  padding-left: 10px;
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top: 10px;
}
.drawer-sub{
  font-weight: 750;
  padding:10px 12px;
}

@media (max-width: 900px){
  .nav-links{ display:none; }
  .search{ display:none; }
  .burger{ display:inline-flex; }
  #searchToggle{ display:none; }
}
/* Active link */
.nav-links a[aria-current="page"]{
  background: var(--soft);
  border: 1px solid var(--border-color);
}
.nav-cta{
  display:flex;
  align-items:center;
  gap: 10px;
}