/* Logotyp: PNG i header (live-fil), original-PNG i footer */

.site-logo,
.site-logo:hover,
.site-logo:focus-visible,
.logo-next,
.logo-next:hover,
.logo-next:focus-visible {
  display: flex;
  align-items: center;
  min-height: 44px;
  text-decoration: none;
  color: inherit;
  flex-shrink: 0;
}

.brand-img {
  display: block;
  width: auto;
  object-fit: contain;
  object-position: left center;
}

.site-header-next .logo-next .brand-img--header {
  height: clamp(36px, 6.5vw, 48px);
  max-width: min(46vw, 12.5rem);
  transition: filter 0.35s ease;
}

/* Startsida: vit logotyp i transparent header, färgad efter scroll */
body.page-next:not(.page-inner) .site-header-next:not(.is-scrolled) .logo-next .brand-img--header {
  filter: brightness(0) invert(1);
}

.site-logo--footer .brand-img--footer {
  height: 56px;
  max-width: min(100%, 320px);
  filter: brightness(0) invert(1);
}

@media (min-width: 960px) {
  .site-header-next .logo-next .brand-img--header {
    height: 50px;
    max-width: 13.125rem;
  }
}

@media (max-width: 380px) {
  .site-header-next .logo-next .brand-img--header {
    height: 34px;
    max-width: min(52vw, 8.75rem);
  }
}