/* Initial values before the measured height is available. */
:root {
  --navbarHeight: 133px;
}

/* The deployed navigation switches to its desktop layout at 991px. */
@media not all and (min-width: 991px) {
  :root {
    --navbarHeight: 112px;
  }

  .l-navbar-container {
    max-width: 100vw;
  }

  .l-navbar-container .l-navbar__main {
    gap: 12px;
  }

  .l-navbar-container .l-navbar__logo {
    flex: 0 1 123px;
    min-width: 0;
  }

  .l-navbar-container .l-navbar__logo svg {
    width: 100%;
    height: auto;
  }

  .l-navbar-container .l-navbar__burger {
    flex: 0 0 48px;
  }

  .l-navbar-container .l-navbar__actions {
    gap: 10px;
    margin-right: 0;
  }

  .l-navbar-container .l-navbar__actions > * {
    margin-right: 0;
  }
}