/* =====================================================================
   meny.css – hamburgarmeny i sajtens befintliga mått. Laddas på ALLA sidor.
   Bygger på .topbar, .logo, .btn, .btn--sm, .navlink och .eyebrow i styles.css
   (inga ändringar i dem). Allt nytt har prefixet mb-.
   ===================================================================== */
.mb-burger { gap: 8px; }                 /* knappen är en vanlig .btn.btn--sm */
.mb-menu { position: absolute; left: 0; right: 0; top: 100%; background: var(--paper);
  border-bottom: var(--bw) solid var(--line); padding: 14px 24px 22px;
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 18px 40px; }
.mb-menu[hidden] { display: none; }
.mb-menu__links { display: flex; flex-direction: column; flex: 1 1 260px; max-width: 420px; }
.mb-menu__links .navlink { padding: 10px 0; border: 0; border-bottom: 2px solid var(--paper-3); }
.mb-menu__links .navlink:hover { color: var(--display-a); }
.mb-menu__side { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.mb-menu__side .navlink { padding-left: 0; }
.mb-burger .mb-icon-close { display: none; }
.mb-burger[aria-expanded="true"] .mb-icon-open { display: none; }
.mb-burger[aria-expanded="true"] .mb-icon-close { display: inline; }