/* Reduce spacing before Konto account link */
#h2m-menu-footer {
  margin-top: 16px !important;
  padding-top: 8px !important;
}

/* Add Bootstrap person-circle icon before Konto */
#h2m-menu-footer::before,
#h2m-menu-footer a::before {
  content: "";/* Gör alla bakgrunder vita/transparenta */
.hyper-menu,
.hyper-menu-container,
.hyper-menu__wrapper,
.hyper-menu__inner,
.hyper-menu__main,
.hyper-menu__nav,
.hyper-menu__mega,
.hyper-menu__dropdown,
.mega-menu,
.mega-menu__wrapper,
.mega-menu__container,
.mega-menu__inner,
[class*="hyper-menu"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* Specifikt för header och wrapper */
header .hyper-menu,
header [class*="menu"],
.header .hyper-menu,
.header [class*="menu"] {
  background: transparent !important;
  background-color: transparent !important;
}
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}