/* BrickFlow — officiell logotyp (beskuren HD: assets/branding/brickflow-logo.png) */

.bf-logo {
  display: block;
  height: 56px;
  width: auto;
  max-width: min(320px, 72vw);
  object-fit: contain;
  object-position: left center;
  image-rendering: auto;
}

.bf-logo--sm {
  height: 44px;
  max-width: 260px;
}

.bf-logo--nav {
  height: 52px;
  max-width: 300px;
}

/* Landningssidans topplist — transparent logga (mint + vit meny) */
.lp-logo {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.lp-logo .bf-logo {
  height: 52px;
  max-width: min(300px, 62vw);
  width: auto;
}

@media (min-width: 768px) {
  .bf-logo {
    height: 64px;
    max-width: 360px;
  }

  .lp-logo .bf-logo {
    height: 60px;
    max-width: 340px;
  }
}

.login-nav-logo,
.reg-nav-logo,
.fn-nav-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
}

.login-nav-logo .bf-logo,
.reg-nav-logo .bf-logo {
  height: 48px;
  max-width: 280px;
}

.fn-nav-logo .bf-logo {
  height: 48px;
  max-width: 280px;
}

.priser-nav-logo,
.stamp-nav-logo,
.page-nav-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}