/* Navigation only: retain the Vita header, buttons, palette and burger animation. */
.header[data-mdv-navigation] .mydriver-brand-logo { height: 60px; filter: brightness(1.3) contrast(1.08); }
.header[data-mdv-navigation] .mdv-nav-toggle svg { display: block; }
.header[data-mdv-navigation] .mdv-nav-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.header[data-mdv-navigation] .mdv-nav-item { position: relative; }
.header[data-mdv-navigation] .mdv-nav-row { display: flex; align-items: center; gap: 4px; }
.header[data-mdv-navigation] .mdv-nav-row > a { white-space: nowrap; }
.header[data-mdv-navigation] .mdv-nav-toggle {
  display: inline-flex; align-items: center; justify-content: center;
  flex: none; width: 28px; min-height: 44px; padding: 0;
  border: 0; background: transparent; color: var(--mdv-gold); cursor: pointer;
}
.header[data-mdv-navigation] .mdv-submenu {
  position: absolute; top: 100%; left: 0; min-width: 286px;
  margin: 0; padding: 12px 20px; list-style: none;
  background: var(--mdv-surface); border: 1px solid var(--white-20);
}
.header[data-mdv-navigation] .mdv-submenu[hidden] { display: none; }
.header[data-mdv-navigation] .mdv-submenu .header-nav__link {
  display: flex; align-items: center; min-height: 44px;
  font-size: 16px; line-height: 1.4; letter-spacing: -.02em;
}
@media (min-width: 992px) {
  .header[data-mdv-navigation] .header__r > .header-nav { height: 100%; align-items: stretch; }
  .header[data-mdv-navigation] .mdv-nav-item { display: flex; align-items: center; }
}
@media (max-width: 991px) {
  .header[data-mdv-navigation] .mobile-menu {
    height: calc(100svh - var(--mdv-dock-space, 64px)); min-height: 0;
    overflow-y: auto; overscroll-behavior: contain; padding-bottom: 24px;
  }
  .header[data-mdv-navigation] .mobile-menu > .header-nav { flex-shrink: 0; }
  .header[data-mdv-navigation] .mobile-menu > .header__button { flex-shrink: 0; margin-top: 32px; }
  .header[data-mdv-navigation] .mdv-nav-row { justify-content: space-between; }
  .header[data-mdv-navigation] .mdv-nav-toggle { width: 44px; font-size: 24px; }
  .header[data-mdv-navigation] .mdv-submenu {
    position: static; min-width: 0; margin-top: 16px; padding: 8px 16px;
  }
}
@media (max-width: 767px) {
  .header[data-mdv-navigation] .mydriver-brand-logo { height: 50px; }
}