/* Pre-built placement logos (config/retentionrx_brand.php placements) */

.logo-wrap .brand-logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

.logo-wrap--sidebar .brand-logo {
  width: auto;
}

.login-card .logo-wrap .brand-logo,
.logo-wrap-inner .brand-logo {
  height: 72px;
  width: auto;
}

.client-onboarding-wizard-logo .brand-logo {
  height: 72px;
  width: auto;
}

#main-nav .marketing-brand-mark .brand-logo {
  height: 80%;
  width: auto;
  margin-top: 5px;
}

/* Nav stack: on-light over white hero; on-dark when navbar background is dark */
body:has(.hero--light) #main-nav:not(.scrolled) .marketing-brand-mark--theme-swap .marketing-brand-mark__img--on-dark {
  display: none;
}

body:has(.hero--light) #main-nav.scrolled .marketing-brand-mark--theme-swap .marketing-brand-mark__img--on-light {
  display: none;
}

body:not(:has(.hero--light)) .marketing-brand-mark--theme-swap .marketing-brand-mark__img--on-light {
  display: none;
}

@media (max-width: 600px) {
  #main-nav .nav-bar .marketing-brand-mark .brand-logo {
    height: 40px;
    max-height: 44px;
    width: auto;
    max-width: 100%;
    margin-top: 0;
  }

  body:has(.hero--light) #main-nav:not(.scrolled) .marketing-brand-mark__img--on-light,
  body:has(.hero--light) #main-nav.scrolled .marketing-brand-mark__img--on-dark,
  body:not(:has(.hero--light)) .marketing-brand-mark__img--on-dark {
    display: block;
  }
}

footer .marketing-brand-mark .brand-logo {
  height: 40px;
  width: auto;
}

.intro-brand-logo {
  display: block;
  width: auto;
  max-width: min(90vw, 820px);
  filter: drop-shadow(0 0 20px rgba(59, 130, 246, 0.6))
    drop-shadow(0 0 50px rgba(59, 130, 246, 0.25));
}