.site-nav {
  color: var(--hs-color-site_navigation-fg);
  background-color: var(--hs-color-site_navigation-bg);
  white-space: nowrap;
}

.site-nav .site-nav-search {
  width: 100%;
}

.site-nav .site-nav-search__input {
  border-color: transparent;
  padding-right: 0;
}

.site-nav .site-nav-search__input:focus-within {
  border-color: var(--hs-palette-primary-main);
}

.site-nav .site-nav-search__button {
  height: 100%;
  padding: 0 var(--hs-spacing-base);
}

.site-nav .site-nav-pages {
  list-style: none;
  margin-left: auto;
}

.site-nav .site-nav-currency,
.site-nav .site-nav-language,
.site-nav .site-drawer-button {
  display: inline-flex;
  align-items: center;
  gap: var(--hs-spacing-base);
  color: var(--hs-color-site_navigation-fg);
  padding: var(--hs-spacing-base);
  font-size: 1.3rem;
}

.site-nav .site-nav__actions-divider {
  align-items: center;
  background-color: currentcolor;
  width: 1px;
  padding: var(--hs-spacing-base) 0;
  margin: 0 var(--hs-spacing-base);
}

.site-nav .site-nav-pages-button__label {
  border-bottom: solid 2px transparent;
  transition-property: border-bottom;
  transition-duration: var(--hs-transitions-duration-base);
  transition-timing-function: var(--hs-transitions-easing);
}

.site-nav .site-nav-pages-button__arrow {
  transform: rotate(0deg);
  transition-property: transform;
  transition-duration: var(--hs-transitions-duration-base);
  transition-timing-function: var(--hs-transitions-easing);
}

.site-nav .site-nav-pages-button--active .site-nav-pages-button__label,
.site-nav .site-nav-pages-button:hover .site-nav-pages-button__label,
.site-nav .site-nav-pages-button.menu__opener--open .site-nav-pages-button__label {
  border-color: var(--hs-color-site_navigation-highlight);
}

.site-nav .site-nav-pages-button:hover .site-nav-pages-button__arrow,
.site-nav .site-nav-pages-button:focus-within .site-nav-pages-button__arrow,
.site-nav .site-nav-pages-button.menu__opener--open .site-nav-pages-button__arrow {
  transform: rotate(180deg);
}

.site-nav-pages__menu .site-nav-pages-menu-item--sub {
  color: var(--hs-color-menu-accent);
}