/* CMS — keep dual header logos sized when mobile sticky bar activates */

.narvani-fixed-navigation.narvani-style-slide .narvani-logo-inner.cms-header-logos .cms-header-logo img,
.narvani-mobile-header.narvani-fixed-navigation .cms-header-logos .cms-header-logo img {
  max-height: 46px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

.narvani-fixed-navigation.narvani-style-slide .cms-header-logos .cms-header-logo--site img,
.narvani-mobile-header.narvani-fixed-navigation .cms-header-logos .cms-header-logo--site img {
  max-height: 40px !important;
}

.narvani-mobile-header.narvani-fixed-navigation .narvani-logo-inner.cms-header-logos {
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap;
  max-width: min(250px, calc(100vw - 120px));
  overflow: hidden;
  line-height: 1;
}

.narvani-mobile-header.narvani-fixed-navigation .narvani-logo {
  max-width: calc(100% - 96px);
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .narvani-fixed-navigation.narvani-style-slide .cms-header-logos .cms-header-logo img,
  .narvani-mobile-header.narvani-fixed-navigation .cms-header-logos .cms-header-logo img {
    max-height: 36px !important;
  }

  .narvani-fixed-navigation.narvani-style-slide .cms-header-logos .cms-header-logo--site img,
  .narvani-mobile-header.narvani-fixed-navigation .cms-header-logos .cms-header-logo--site img {
    max-height: 32px !important;
  }

  .narvani-mobile-header.narvani-fixed-navigation .narvani-logo-inner.cms-header-logos {
    max-width: min(180px, calc(100vw - 110px));
    gap: 8px;
  }
}
