/* ── "Dokumenter" hover menu in the nav (built by mega-menu.js) ── */
.nav-links li.has-mega { position: static; }
/* The trigger's hit area reaches the bottom of the nav, so there is no gap to cross on the way down. */
.nav-links .mega-trigger { display: inline-flex; align-items: center; gap: 6px; padding: 24px 0; margin: -24px 0; }
.nav-links .mega-trigger::after { content: ''; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); opacity: .7; transition: transform .2s; }
.has-mega.is-open .mega-trigger::after, .has-mega:focus-within .mega-trigger::after { transform: rotate(-135deg) translateY(-1px); }
.mega {
  position: absolute; left: 50%; top: 100%; width: min(1180px, calc(100vw - 48px));
  transform: translate(-50%, 8px); opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
  padding-top: 10px;
}
.has-mega.is-open .mega, .has-mega:focus-within .mega { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); transition-delay: 0s; }
.mega-panel { background: #fff; color: #07180d; border-radius: 14px; box-shadow: 0 30px 70px rgba(0,0,0,.35); padding: 28px 30px 22px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px 24px; }
.mega-col h4 { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #3d5546; margin-bottom: 10px; }
.mega-col ul { list-style: none; display: grid; gap: 4px; }
.nav-links .mega a { display: flex; gap: 12px; align-items: flex-start; padding: 9px 10px; border-radius: 10px; color: #07180d; opacity: 1; font-size: 13px; letter-spacing: 0; transition: background .15s; }
.nav-links .mega a:hover { background: #eef6f1; }
.mega a strong { display: block; font-weight: 600; font-size: 13.5px; }
.mega a small { display: block; font-size: 12px; color: #4a6152; margin-top: 1px; line-height: 1.45; }
.mega-foot { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 16px; border-top: 1px solid #e3ece6; padding-top: 14px; font-size: 12.5px; color: #3d5546; }
.nav-links .mega-foot a { display: inline; padding: 0; color: #0e6644; font-weight: 600; font-size: 12.5px; white-space: nowrap; }
.nav-links .mega-foot a:hover { background: none; text-decoration: underline; }

.ico { flex: none; width: 34px; height: 34px; border-radius: 50%; background: #dff3e8; color: #0e6644; display: grid; place-items: center; }
.ico svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* ENTRi Club link: just a small CLUB pill (as in the entri.club logo) */
.nav-links a.nav-club { display: inline-flex; align-items: center; opacity: 1; }
.nav-club span { display: inline-flex; align-items: center; height: 19px; padding: 0 8px; border-radius: 999px; font: 600 8.5px/1 'DM Sans', sans-serif; letter-spacing: .22em; text-transform: uppercase; color: #f2f1e8; background: linear-gradient(180deg, rgba(242,241,232,.14), rgba(242,241,232,.03)); border: 1px solid rgba(242,241,232,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); transition: border-color .2s, color .2s; }
.nav-links a.nav-club:hover span { border-color: #f2f200; color: #f2f200; }

/* Nav split: products left, the rest right */
@media (min-width: 901px) {
  nav .nav-links { flex: 1; margin: 0 28px 0 52px; align-items: center; }
  nav .nav-links > li.nav-split { margin-left: auto; }
}

/* Regnskab: a smaller panel with one card per service */
.mega-smal { width: min(860px, calc(100vw - 48px)); }
.mega-smal .mega-col h4 { display: none; }
.nav-links li.nav-mobil { display: none; }
@media (max-width: 1100px) { .mega-panel { grid-template-columns: repeat(2, 1fr); } .mega-smal .mega-panel { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) {
  .mega { display: none; }
  .nav-links li.nav-mobil { display: list-item; }
  .nav-links li.has-mega:has(a[href="revisor"].mega-trigger) { display: none; }
  .nav-links .mega-trigger { padding: 0; margin: 0; }
  .nav-links .mega-trigger::after { display: none; }
}