/* Keep the language hint and language menu from occupying the same space. */
header.site-header #languages {
  position: relative;
}

header.site-header #languages .language-tooltip {
  z-index: 20;
}

header.site-header #languages .opts {
  top: calc(100% + 10px) !important;
  z-index: 30 !important;
  box-sizing: border-box;
  min-width: 84px;
  padding: 8px !important;
}

header.site-header #languages.is-open .language-tooltip,
header.site-header #languages:has(.opts:not(.hidden)) .language-tooltip {
  visibility: hidden;
  opacity: 0 !important;
}

header.site-header #languages .lang {
  display: block;
  min-height: 30px;
  padding: 5px 8px;
  color: #10212d !important;
  background: transparent;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
}

header.site-header #languages .lang.disabled {
  color: #5f7482 !important;
}

@media (max-width: 1024px) {
  header.site-header #languages .language-tooltip {
    display: none !important;
  }

  header.site-header #languages .opts {
    top: calc(100% + 8px) !important;
  }
}