/* 1.9 — Keep the original i4Mariani logo SLOT and positioning, but show the user's logo. */
/* The reference places the brand in the center flex item of the navigation row. */
.header-container .menu-container > .header__logo.desktop-only {
  flex: 0.8 0.8 0;
  min-width: 0;
  margin-top: -2em;
  text-align: center;
}
.header-container .header__logo .mariani-brand-link {
  width: 17vw;
  max-width: none;
  height: auto;
  aspect-ratio: 411 / 84.8; /* reference logo's actual viewBox */
  margin-inline: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
}
.header-container .header__logo .mariani-brand-inline-svg,
.header-container .header__logo .mariani-brand-image {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-container .header__logo .mariani-brand-inline-svg > svg {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  overflow: visible;
  /* SVG's viewBox maintains its own geometry; no nonuniform stretching. */
}
.header-container .header__logo .mariani-brand-image { object-fit: contain; }
@media (max-width: 1023px) {
  .header-container .header__logo.mobile-only { margin-top: 0; text-align: center; }
  .header-container .header__logo.mobile-only .mariani-brand-link {
    width: 160px;
    aspect-ratio: 411 / 84.8;
  }
  .header-container .header__logo.mobile-only .mariani-brand-inline-svg,
  .header-container .header__logo.mobile-only .mariani-brand-image { width: 100% !important; height: 100% !important; }
}