/* MMS CANONICAL NAVBAR V1
   One geometry for every public page. */
.site-header {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
}

.site-header > .mms-header-shell {
  width: min(1200px, calc(100% - 68px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding: 28px 0 !important;
  box-sizing: border-box !important;
}

.site-header .site-header-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: clamp(18px, 2vw, 32px) !important;

  transform: none !important;
  box-sizing: border-box !important;
}

.site-header .header-brand {
  flex: 0 1 clamp(245px, 24vw, 320px) !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.site-header .header-tagline {
  max-width: clamp(220px, 18vw, 300px) !important;
  font-size: clamp(12.5px, .92vw, 14px) !important;
}

.site-header .desktop-nav {
  flex: 0 0 auto !important;
  width: max-content !important;
  min-width: 0 !important;

  margin-left: auto !important;
  margin-right: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(12px, 1.25vw, 24px) !important;

  transform: none !important;
}

.site-header .nav-direct,
.site-header .nav-native-trigger {
  font-size: clamp(13px, 1vw, 14px) !important;
}

.site-header .nav-login {
  min-height: clamp(40px, 3vw, 44px) !important;
  padding-inline: clamp(12px, 1vw, 20px) !important;
  font-size: clamp(12.5px, .95vw, 14px) !important;
}

@media (min-width: 1600px) {
  .site-header > .mms-header-shell {
    width: min(1320px, calc(100% - 80px)) !important;
  }
}

@media (max-width: 1180px) {
  .site-header > .mms-header-shell {
    width: calc(100% - 44px) !important;
    padding: 18px 0 !important;
  }

  .site-header .site-header-inner {
    align-items: center !important;
    gap: 18px !important;
  }

  .site-header .desktop-nav {
    width: auto !important;
  }

  body.mms-nav-open .desktop-nav,
  .desktop-nav.is-open {
    display: flex !important;
  }
}

@media (max-width: 720px) {
  .site-header > .mms-header-shell {
    width: calc(100% - 32px) !important;
    padding: 15px 0 !important;
  }
}