/* letsgethooked — delt hamburgermeny (Min konto, Hekta-lista m.m.) */
.lgh-menu { position: relative; display: inline-block; }
.lgh-menu.hidden { display: none; }
.lgh-menu-btn {
  background: none; border: none; cursor: pointer;
  color: var(--lgh-menu-ink, #FAFAF7);
  /* Trykkflate ≥44×44px (var 38×38) uten å endre hvordan ikonet ser ut:
     padding opp fra 6px, negativ margin kompenserer den ekstra plassen. */
  padding: 9px; margin: -3px; display: flex; border-radius: 8px;
  -webkit-tap-highlight-color: transparent;
}
.lgh-menu-btn:hover { background: var(--lgh-menu-hover, rgba(255,255,255,0.07)); }
.lgh-menu-btn:focus-visible,
.lgh-menu-panel a:focus-visible,
.lgh-menu-panel button:focus-visible {
  outline: 2px solid var(--lgh-menu-active, #F4A88A);
  outline-offset: 2px;
}
.lgh-menu-btn svg { width: 26px; height: 26px; display: block; }
.lgh-menu-panel {
  position: absolute; top: calc(100% + 10px); right: 0;
  background: var(--lgh-menu-panel, #2A2826); border: 1px solid var(--lgh-menu-border, rgba(255,255,255,0.1));
  border-radius: 14px; padding: 8px; min-width: 224px;
  box-shadow: 0 14px 40px var(--lgh-menu-shadow, rgba(0,0,0,0.5)); z-index: 200;
  display: flex; flex-direction: column; gap: 2px;
}
.lgh-menu-panel[hidden] { display: none; }
.lgh-menu-panel a, .lgh-menu-panel button {
  display: flex; align-items: center; gap: 10px; text-align: left; width: 100%;
  background: none; border: none; cursor: pointer;
  color: var(--lgh-menu-ink, #FAFAF7); font-family: inherit; font-size: 0.98rem; font-weight: 500;
  padding: 12px 14px; border-radius: 10px; text-decoration: none;
}
.lgh-menu-panel a:hover, .lgh-menu-panel button:hover { background: var(--lgh-menu-hover, rgba(255,255,255,0.07)); }
.lgh-menu-panel a.active { color: var(--lgh-menu-active, #F4A88A); }
.lgh-menu-panel hr { border: none; border-top: 1px solid var(--lgh-menu-border, rgba(255,255,255,0.09)); margin: 6px 6px; width: 100%; }
.lgh-menu-panel .lgh-menu-logout { color: var(--lgh-menu-logout, #E68870); }