/* One native language menu on homepages, tools, guides and catalogues. */
.language-switcher { position:relative; flex-shrink:0; }
.language-switcher summary {
  display:flex; align-items:center; gap:8px; min-height:40px; padding:0 11px;
  border:1px solid var(--border,#253241); border-radius:8px;
  color:var(--text,#e8f0f7); cursor:pointer; list-style:none;
  font-size:.85rem; line-height:1.5;
}
.language-switcher summary::-webkit-details-marker { display:none; }
.language-switcher summary:focus-visible, .language-options a:focus-visible {
  outline:2px solid var(--accent,#2dd4bf); outline-offset:3px;
}
.language-options {
  box-sizing:border-box; position:absolute; top:calc(100% + 8px); right:0;
  width:212px; max-width:calc(100vw - 32px); padding:6px;
  display:flex; flex-direction:column; background:var(--bg,#0b0f14);
  border:1px solid var(--border,#253241); border-radius:10px; z-index:101;
}
.language-switcher:not([open]) .language-options { display:none; }
.language-options a {
  display:flex; align-items:center; box-sizing:border-box;
  min-height:44px; padding:0 12px; color:var(--muted,#9fb0c0);
  border-radius:6px; font-size:1rem; line-height:1.5;
}
.language-options a:hover, .language-options a[aria-current="page"] {
  background:var(--panel,#121922); color:var(--text,#e8f0f7);
  text-decoration:none;
}
.language-note { margin:4px 12px 8px; font-size:.8rem; color:var(--muted,#9fb0c0); }
/* The older home templates use .top rather than the shared .site-header. */
.top { position:relative; z-index:10; }
.top .wrap {
  flex-direction:row; align-items:center; padding-top:0; padding-bottom:0;
}
.home-shortcuts { display:flex; gap:1rem; margin-left:auto; }
.home-shortcuts a { display:inline-flex; align-items:center; min-height:44px; font-size:.9rem; }
.home-shortcuts a:focus-visible { outline:2px solid #2dd4bf; outline-offset:3px; }
@media(max-width:540px) {
  .top .wrap { flex-wrap:wrap; gap:0 1rem; padding:.65rem 0; }
  .top .brand { order:0; }
  .top .language-switcher { order:1; }
  .home-shortcuts { order:2; width:100%; margin:0; }
}
@media (max-width:980px) {
  .language-switcher { margin-left:auto; }
}