/* Header contract: themes can tune these values or opt out in theme.json. */
.mr-header-compact-transition {
  /* Prevent header compaction from making the browser rewrite scrollY. */
  overflow-anchor: none;
}

@media (min-width: 992px) {
  .mr-header-contract.mr-header-compact-enabled .nav-shell,
  .mr-header-contract.mr-header-compact-enabled .nav-shell .header_container,
  .mr-header-contract.mr-header-compact-enabled .brand-media img,
  .mr-header-contract.mr-header-compact-enabled .mr-navbar-nav > li,
  .mr-header-contract.mr-header-compact-enabled .mr-navbar-nav > li > a {
    transition-duration: 220ms;
    transition-property: min-height, max-height, padding, width;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }

  .mr-header-contract.mr-header-compact-enabled.is-compact .nav-shell,
  .mr-header-contract.mr-header-compact-enabled.is-compact .nav-shell .header_container {
    min-height: var(--mr-header-compact-height, 4rem) !important;
  }

  .mr-header-contract.mr-header-compact-enabled.is-compact .nav-shell .header_container {
    padding-block: var(--mr-header-compact-padding-y, 0.25rem);
  }

  .mr-header-contract.mr-header-compact-enabled.is-compact .brand-media img {
    width: var(--mr-header-compact-logo-width, 110px);
    height: auto;
    max-width: 100%;
    max-height: var(--mr-header-compact-logo-height, 2.75rem);
  }

  .mr-header-contract.mr-header-compact-enabled.is-compact .mr-navbar-nav > li > a {
    min-height: calc(
      var(--mr-header-compact-height, 4rem)
      - var(--mr-header-compact-padding-y, 0.25rem)
      - var(--mr-header-compact-padding-y, 0.25rem)
    );
    padding-block: var(--mr-header-compact-nav-padding-y, 0.75rem);
  }

  .mr-header-contract.mr-header-compact-enabled.is-compact .mr-navbar-nav > li {
    padding-block: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mr-header-contract.mr-header-compact-enabled * {
    transition-duration: 0.01ms !important;
  }
}