/* Secondary Menu Bar: one canonical desktop component path. */
.mws-secondary-bar {
  --mws-secondary-bar-effective-height: var(--mws-secondary-bar-height);
  display: none;
  margin: 0;
  color: var(--mws-secondary-menu-text);
  background: var(--mws-secondary-bar-bg);
  border-bottom: var(--mws-secondary-bar-border-width) solid var(--mws-secondary-bar-border);
  height: auto;
  min-height: var(--mws-secondary-bar-effective-height);
}

.mws-secondary-bar--has-social {
  --mws-secondary-bar-effective-height: max(var(--mws-secondary-bar-height), calc(var(--mws-social-icon-button-size) + 8px));
}

.mws-secondary-bar__inner {
  min-height: var(--mws-secondary-bar-effective-height);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--mws-space-sm);
}

.mws-secondary-bar__social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.mws-secondary-bar__social[hidden] {
  display: none;
}

.mws-secondary-bar--has-social.mws-secondary-bar--align-left .mws-secondary-bar__social {
  margin-left: auto;
}

.mws-secondary-bar--has-social.mws-secondary-bar--align-center .mws-secondary-bar__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  column-gap: var(--mws-space-sm);
}

.mws-secondary-bar--has-social.mws-secondary-bar--align-center .mws-secondary-nav {
  grid-column: 2;
  justify-self: center;
}

.mws-secondary-bar--has-social.mws-secondary-bar--align-center .mws-secondary-bar__social {
  grid-column: 3;
  justify-self: end;
}

.mws-secondary-bar--has-social.mws-secondary-bar--align-right .mws-secondary-bar__inner {
  justify-content: flex-end;
}

.mws-secondary-bar--align-left .mws-secondary-bar__inner { justify-content: flex-start; }
.mws-secondary-bar--align-center .mws-secondary-bar__inner { justify-content: center; }
.mws-secondary-bar--align-right .mws-secondary-bar__inner { justify-content: flex-end; }

.mws-secondary-bar--full-width .mws-secondary-bar__inner {
  width: calc(100% - (var(--mws-content-side-padding) * 2));
  max-width: none;
}

/* Optional transparent treatment when the page-level transparent hero header is active. */
body.mws-transparent-hero-header .mws-secondary-bar--transparent-hero {
  --mws-secondary-menu-text: var(--mws-secondary-menu-hero-text);
  --mws-secondary-menu-hover: var(--mws-secondary-menu-hero-hover);
  --mws-secondary-menu-active: var(--mws-secondary-menu-hero-active);
  background: transparent;
  border-bottom-width: 0;
}

/* Keep the secondary menu aligned with the desktop header shell. */
@media (min-width: 768px) {
  .mws-secondary-bar:not([hidden]) {
    display: block;
  }
}

.mws-secondary-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: inherit;
  min-height: var(--mws-secondary-bar-effective-height);
  gap: 0 var(--mws-secondary-menu-link-spacing);
  margin: 0;
  padding: 0;
  list-style: none;
}

.mws-secondary-menu ul,
.mws-secondary-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mws-secondary-menu li::marker {
  content: '';
  font-size: 0;
}

.mws-site-header .mws-secondary-menu a {
  color: var(--mws-secondary-menu-text);
  font-family: var(--mws-secondary-menu-font);
  font-size: var(--mws-secondary-menu-font-size);
  font-weight: var(--mws-secondary-menu-font-weight);
  text-transform: var(--mws-secondary-menu-text-transform);
  text-decoration: none;
}

.mws-site-header .mws-secondary-menu a:hover,
.mws-site-header .mws-secondary-menu a:focus-visible {
  color: var(--mws-secondary-menu-hover);
  text-decoration: var(--mws-secondary-menu-hover-decoration);
  text-underline-offset: .2em;
}

.mws-site-header .mws-secondary-menu .current-menu-item > a,
.mws-site-header .mws-secondary-menu .current-menu-ancestor > a {
  color: var(--mws-secondary-menu-active);
}