/* stylelint-disable selector-class-pattern, custom-property-pattern */

.p-header__main {
  position: relative;
}

.p-header__main-inner {
  align-items: stretch;
  height: 4.5rem;
  position: relative;
}

body.is-scrolled .p-header__main-inner {
  height: 3.5rem;
}

.p-header__logo {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
}

.p-header__logo-img {
  display: block;
  height: 100%;
  max-height: 70%;
  transition: var(--w153-th-transition-default);
}

.p-header__main-langs {
  position: absolute;
  z-index: 50;
  top: 50%;
  right: calc(var(--w153-th-spacing-2xs) + 3.5rem);
  transform: translateY(-50%);
  display: flex;
  gap: 1rem;
  align-items: center;
}

.p-header__main-lang {
  text-decoration: none;
  color: var(--w153-th-color-1);
}

.p-header__main-lang.is-active {
  font-weight: var(--w153-th-font-weight-bold);
}

.p-header__main-lang.is-active,
.p-header__main-lang:hover {
  color: var(--w153-th-color-1--alt1);
}

@media (max-width: 699px) {
  .p-header__main-langs .p-button {
    font-size: 70% !important;
    padding: 0 0.5rem !important;
  }
}

@media (min-width: 700px) {
  .p-header__main-inner {
    height: 5rem;
  }

  body.is-scrolled .p-header__main-inner {
    height: 3.5rem;
  }

  .p-header__main-langs {
    right: calc(var(--w153-th-spacing-2xs) + 4.5rem);
  }
}

@media (min-width: 1300px) {
  .p-header__logo {
    justify-content: center;
  }

  .p-header__main-langs {
    right: var(--w153-th-spacing-2xs);
  }
}