.mv-site-header {
  position: relative;
  z-index: 100;
  display: flex;
  align-items: center;
  width: 100%;
  height: 78px;
  padding: 0 var(--mv-page-gutter);
  gap: 28px;
  box-sizing: border-box;
  color: var(--mv-color-white);
  background: var(--mv-color-night);
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.mv-site-header--overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: var(--mv-color-night);
}

/* WP admin bar is fixed; offset the overlay menu so it sits below the bar. */
html.admin-bar .mv-site-header--overlay,
body.admin-bar .mv-site-header--overlay {
  top: 32px;
}

@media screen and (max-width: 782px) {
  html.admin-bar .mv-site-header--overlay,
  body.admin-bar .mv-site-header--overlay {
    top: 46px;
  }
}
.mv-site-header__brand { display: flex; align-items: center; width: 230px; height: 60px; flex: 0 0 230px; overflow: hidden; }
.mv-site-header__brand img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: left center; }
.mv-site-header__nav { display: flex; align-items: center; justify-content: flex-end; gap: 25px; margin-left: auto; }
.mv-site-header__mobile-payments { display: none; }
.mv-site-header__nav a,
.mv-site-header__payments,
.mv-site-header__advisor {
  position: relative;
  color: var(--mv-color-white);
  font-family: var(--mv-font-body);
  font-size: var(--mv-text-label, var(--mv-type-action));
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.mv-site-header__nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; height: 2px; background: var(--mv-color-red); transform: scaleX(0); transition: transform var(--mv-motion-fast); }
.mv-site-header__nav a:hover::after,
.mv-site-header__nav a:focus-visible::after,
.mv-site-header__nav a.is-active::after { transform: scaleX(1); }
.mv-site-header__payments { padding: 5px 0; border-bottom: 1px solid var(--mv-color-white); }
.mv-site-header__payments:hover,
.mv-site-header__payments:focus-visible { color: var(--mv-color-red); border-color: var(--mv-color-red); }
.mv-site-header__advisor { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 18px; border: 1px solid rgba(255,255,255,.8); transition: color var(--mv-motion-fast), background var(--mv-motion-fast); }
.mv-site-header__advisor:hover,
.mv-site-header__advisor:focus-visible { color: var(--mv-color-night); background: var(--mv-color-white); }
.mv-site-header__toggle { display: none; margin-left: auto; width: 44px; height: 44px; align-items: center; justify-content: center; color: var(--mv-color-white); background: transparent; border: 1px solid rgba(255,255,255,.65); font-size: 22px; }

@media (max-width: 1100px) {
  .mv-site-header { gap: 18px; padding-inline: 26px; }
  .mv-site-header__brand { width: 190px; flex-basis: 190px; }
  .mv-site-header__nav { gap: 17px; }
  .mv-site-header__advisor { padding-inline: 14px; }
}

@media (max-width: 920px) {
  .mv-site-header { height: 76px; padding-inline: 20px; }
  .mv-site-header__brand { width: 180px; height: 54px; flex-basis: 180px; }
  .mv-site-header__toggle { display: inline-flex; order: 4; }
  .mv-site-header__advisor { order: 3; margin-left: auto; }
  .mv-site-header__payments { order: 2; }
  .mv-site-header__nav {
    display: none;
    position: fixed;
    z-index: 99;
    top: 76px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 18px 20px 32px;
    overflow-y: auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    background: var(--mv-color-night);
    border-top: 1px solid rgba(255,255,255,.14);
  }
  .mv-site-header__nav.is-open { display: flex; }
  .mv-site-header__nav a { width: 100%; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .mv-site-header__nav a::after { bottom: 7px; right: auto; width: 42px; }
  .mv-site-header__nav .mv-site-header__mobile-payments { display: block; width: auto; padding: 15px 0 6px; border-bottom: 1px solid var(--mv-color-white); }
  .mv-site-header__nav .mv-site-header__mobile-payments::after { display: none; }
  .mv-site-header__nav .mv-site-header__mobile-payments:hover,
  .mv-site-header__nav .mv-site-header__mobile-payments:focus-visible { color: var(--mv-color-red); border-color: var(--mv-color-red); }

  /* Fixed menu is viewport-relative; offset under the WP admin bar. */
  html.admin-bar .mv-site-header__nav,
  body.admin-bar .mv-site-header__nav {
    top: calc(76px + 32px);
  }
}

@media screen and (max-width: 782px) {
  html.admin-bar .mv-site-header__nav,
  body.admin-bar .mv-site-header__nav {
    top: calc(76px + 46px);
  }
}

@media (max-width: 680px) {
  .mv-site-header { padding-inline: 16px; gap: 10px; }
  .mv-site-header__brand { width: 160px; flex-basis: 160px; }
  .mv-site-header__payments { display: none; }
  .mv-site-header__advisor { min-height: 38px; padding-inline: 11px; font-size: var(--mv-text-label, var(--mv-type-micro)); }
}

@media (max-width: 480px) {
  .mv-site-header__brand { width: 145px; flex-basis: 145px; }
  .mv-site-header__advisor { display: none; }
}