/* /menu/menu.css v2 — topbar med ikoner */
:root{ --border:#1b2143; --muted:#9aa3c7; }

.topnav{
  width:min(1400px,100%); margin:0 auto;
  display:flex; align-items:center; gap:14px;
  min-height:52px; padding:0 14px;
}
.topnav .brand{
  font-weight:900; letter-spacing:.5px; text-decoration:none;
  background:linear-gradient(90deg,#c4b5fd,#7dd3fc,#a5b4fc,#c4b5fd);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 8px 20px rgba(111,66,255,.25));
}

/* Nav links med ikoner */
.topnav .navlinks{ display:flex; gap:10px; flex-wrap:wrap }
.topnav .navlinks a{
  color:#cfe3ff; opacity:.9; text-decoration:none;
  padding:6px 10px; border-radius:10px; display:flex; align-items:center; gap:8px;
}
.topnav .navlinks a .ico{ width:1.2em; text-align:center }
.topnav .navlinks a:hover{ opacity:1; background:rgba(255,255,255,.05) }
.topnav .navlinks a.is-active{
  background:linear-gradient(180deg, rgba(111,66,255,.18), rgba(125,211,252,.10));
  border:1px solid rgba(111,66,255,.35);
}

/* Chips til højre */
.topnav .actions{ margin-left:auto; display:flex; gap:8px }
.topnav .chip{
  padding:6px 10px; border-radius:999px; border:1px solid var(--border);
  text-decoration:none; color:#e6edf3; background:#0e1530; font-weight:700;
}
.topnav .chip:hover{ filter:brightness(1.05) }
.topnav .chip.is-active{
  background:linear-gradient(135deg,#6f42ff,#22d3ee); color:#061019; border-color:transparent;
}

@media (max-width:900px){
  .topnav .actions{ display:none }
}