/* Keep the standalone downloaders on the front page's shared header styles. */
.downloader-header .header-controls { overflow: visible; }
.downloader-header :focus-visible { outline: 3px solid #60a5fa; outline-offset: 3px; }
.downloader-header .nav > ul { align-items: center; }
.downloader-header .dropdown-toggle { white-space: nowrap; }
.downloader-header .dropdown[data-managed] > .dropdown-menu {
  transition: opacity .15s ease, transform .15s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  pointer-events: none;
}
.downloader-header .dropdown[data-managed][data-open] > .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
[data-theme=dark] .downloader-header .dropdown-menu,
[data-theme=dark] .downloader-header .language-dropdown {
  background: #16213e;
  border-color: #344059;
}
[data-theme=dark] .downloader-header .dropdown-menu a,
[data-theme=dark] .downloader-header .language-dropdown a { color: #cbd5e1; }
[data-theme=dark] .downloader-header .dropdown-menu a:hover,
[data-theme=dark] .downloader-header .language-dropdown a:hover { background: #293b64; }
@media (max-width: 1100px) and (min-width: 769px) {
  .downloader-header .header-content { flex-wrap: wrap; }
  .downloader-header .logo { flex: 1; }
  .downloader-header .nav { order: 3; width: 100%; justify-content: center; }
}
@media (max-width: 768px) {
  .downloader-header .nav { display: flex; position: relative; }
  .downloader-header .nav .dropdown { position: static; }
  .downloader-header .nav > ul { column-gap: 18px; row-gap: 8px; }
  .downloader-header .nav > ul > li > a { font-size: 13px; }
  .downloader-header .dropdown-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 210px;
    max-width: calc(100vw - 40px);
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 4px 12px #0002;
  }
  .downloader-header .dropdown-menu a { padding: 10px 14px; font-size: 13px; }
  .downloader-header .header-controls { position: relative; }
  .downloader-header .language-dropdown { right: auto; left: 0; }
}
