
.site-header--homepage-hero-overlay {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
}

.site-header--homepage-hero-overlay .site-header__inner, 
.site-header--homepage-hero-overlay.site-header, 
.site-header--homepage-hero-overlay .main-nav:not(.is-active) {
  background: transparent;
}

.site-header--homepage-hero-overlay .main-nav:not(.is-active) > .main-nav__item > a,
.site-header--homepage-hero-overlay .hamburger {
  color: var(--homepage-hero-overlay-nav-color, #FFFFFF);
}

.site-header--homepage-hero-overlay .hamburger-inner,
.site-header--homepage-hero-overlay .hamburger-inner::before,
.site-header--homepage-hero-overlay .hamburger-inner::after {
  background-color: var(--homepage-hero-overlay-nav-color, #FFFFFF);
}

.site-header--homepage-hero-overlay .hamburger.is-active .hamburger-inner {
  background-color: transparent;
}

.site-header__inner {
  padding: 0.75rem;
}

.site-header__inner .header-inner__text-content {
  width: 100%;
  min-width: 0;
}

.site-header__inner.logo--right {
  padding: 0.75rem 0;
}

.site-header__mobile-translate-container {
  display: flex;
  justify-content: right;
  padding-right: 1rem;
}

.site-header--sticky,
.sticky-header-region {
  position: sticky;
  top: 0;
  z-index: 100;
}

.mobile-search-menu {
  display: none;
}

body.menu-is-active .mobile-search-menu {
  display: block;
}

.header-utils-wrapper {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.header-layout {
  display: flex;
  justify-content: space-between;
  min-height: 50px;
  min-width: 0;
}

.header-highlight--mobile {
  display: none;
}

.header-highlight__additional-logos {
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  min-width: 0;
  --header-highlight-icon-small-height: var(--header-highlight-dealer-logo-small-height-mobile, 2.25rem);
  --header-highlight-icon-medium-height: var(--header-highlight-dealer-logo-medium-height-mobile, 3rem);
}

.header-highlight__slot {
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
  min-width: 0;
}

.header-inner__text-content .header-highlight__additional-logos {
  flex: 0 1 auto;
  justify-content: flex-end;
}

.header-highlight__additional-logos .header-highlight__additional-logo {
    padding: 0.5rem;
    flex: 0 1 auto;
}

.header-highlight__additional-logos .header-highlight__additional-logo img {
    max-width: 200px;
    width: 100%;
    max-height: var(--header-highlight-icon-max-height, none);
    object-fit: contain;
    display: block;
}

.header-highlight__logo-text {
    color: var(--header-highlight-text-color);
    font-size: var(--header-highlight-text-size);
    font-weight: 400;
    max-width: 120px;
    text-align: center;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
}

@media only screen and (min-width: 880px) {
  .header-highlight__additional-logos {
    --header-highlight-icon-small-height: var(--header-highlight-dealer-logo-small-height-desktop, 2.25rem);
    --header-highlight-icon-medium-height: var(--header-highlight-dealer-logo-medium-height-desktop, 3rem);
  }

  .site-header__inner.header-padding--narrow {
    padding: 0 1rem;
  }

  .site-header__inner.header-padding--narrow .main-nav {
    padding: 0;
  }

  .site-header__inner .header-inner__text-content {
    display: flex;
    align-items: center;
  }

  .header-inner__text-content > .desktop-search-tool {
    display: none;
  }

  .site-header__inner.logo--above-nav {
    display: block;
  }

  .site-header__inner.logo--top-center {
    flex-direction: column;
  }

  .site-header__mobile-translate-container {
    display: none;
  }

  .site-header__inner,
  .site-header__inner.logo--right {
    padding: 1rem;
  }

  .site-header__inner.logo--inline.logo--inline-stacked:not(.logo--right) {
    display: block;
  }

  .header-layout {
    flex-shrink: 0;
    min-width: max-content;
  }

  .header-layout .header-highlight__additional-logos {
    min-width: max-content;
  }

  .site-header {
    min-height: 75px;
    background-color: var(--main-nav--background, #FFFFFF);
  }
}

@media only screen and (max-width: 880px) {
  .site-header__inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .header-inner__text-content .global-search__hover-wrapper {
    display: none;
  }
  .header-inner__text-content .translate-container {
    position: absolute;
    right: 0;
    padding: 0.75rem;
  }
  .site-header__inner .header-inner__text-content {
    display: flex;
    flex-direction: column;
  }

  .header-highlight__additional-logos {
    display: none;
  }

  .header-highlight--mobile {
    display: block;
    width: 100%;
    padding-top: 0.9rem;
  }

  .header-highlight--mobile .header-highlight__additional-logos {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 0.9rem;
    padding-left: 0;
  }

  .header-highlight--mobile .header-highlight__slot {
    flex: 0 1 auto;
    gap: 0.25rem;
  }

  .header-highlight--mobile .header-highlight__additional-logo {
    padding: 0;
  }

  .header-highlight--mobile .header-highlight__additional-logo img {
    max-width: 140px;
  }

  .header-highlight--mobile .header-highlight__logo-text {
    max-width: none;
    text-align: left;
  }
}

@media only screen and (min-width: 881px) and (max-width: 999px) {
  .site-header__inner {
    padding: 0.75rem;
  }

  .site-header__inner.header-padding--narrow {
    padding: 0 0.75rem;
  }

  .site-header__inner .header-inner__text-content {
    gap: 0.5rem;
  }

  .header-layout {
    flex: 0 1 auto;
  }

  .header-highlight__additional-logos {
    padding-left: 0.25rem;
  }

  .header-highlight__additional-logos .header-highlight__additional-logo {
    padding: 0.25rem;
  }

  .header-highlight__additional-logos .header-highlight__additional-logo img {
    max-width: 150px;
  }
}