.p-header {
  position: fixed;
  z-index: 500;
  inset: 0 0 auto 0;
  transition: var(--v-transition-default);
}

body.is-scrolled .p-header,
body.is-menu-open .p-header {
  background-color: var(--v-color-3--transparent--400);
  box-shadow: var(--v-shadow-menu);
}

.p-header__main {
  position: relative;
  height: var(--v-p-header-main-size);
  display: flex;
  align-items: center;
  /* justify-content: flex-end; */
  justify-content: center;
  transition: var(--v-transition-default);
}

body.is-scrolled .p-header__main,
body.is-menu-open .p-header__main {
  height: var(--v-p-header-main-size--sticky);
}

.p-header__logo img {
  display: block;
  height: calc(var(--v-p-header-main-size) - (var(--v-p-header-logo-spacing) * 2));
  transition: var(--v-transition-default);
}

body.is-scrolled .p-header__logo img,
body.is-menu-open .p-header__logo img {
  height: calc(var(--v-p-header-main-size--sticky) - (var(--v-p-header-logo-spacing--sticky) * 2));
}

.p-header__menu-button,
.p-header__langs {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: var(--v-layout-container-padding);
  transform: translateY(-50%);
}

.p-header__langs {
  left: auto;
  right: var(--v-layout-container-padding);
}

.p-header__langs li a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--v-color-2);
  font-weight: var(--v-font-weight-bold);
  border-bottom: 3px solid var(--v-color-2);
}

.p-header__langs li a:hover {
  border-bottom-width: 5px;
}

/*
@media (min-width: 700px) {
  .p-header__main {
    justify-content: center;
  }
}
*/