/* The language control sits between the project CTA and the temporary skin picker. */
.language-toggle {
  display: flex; align-items: center; gap: 7px; min-height: 44px;
  padding: 10px; border: 1px solid var(--line); border-radius: 7px;
  background: #fff; color: var(--ink); font-size: var(--text-label); font-weight: 600;
}
.language-toggle:hover, .language-toggle[aria-expanded="true"] { background: var(--ivory); border-color: var(--green); }
.language-menu { --bs-dropdown-min-width: 180px; padding: 8px; border-color: var(--line); box-shadow: 0 14px 40px #17213b18; }
.language-menu .dropdown-item { display: flex; gap: 12px; align-items: center; padding: 11px 10px; border-radius: 5px; font-size: var(--text-label); }
.language-menu .dropdown-item > span { font-weight: 650; }
.language-menu .dropdown-item.active { background: var(--green); color: #fff; }
.language-menu .dropdown-item:not(.active):hover { background: var(--ivory); color: var(--ink); }
.site-header .navbar-nav { gap: 16px; }
.site-header .navbar-collapse { gap: 16px; margin-left: 18px; }
.header-tools { gap: 8px; margin-left: 12px; }
@media (max-width: 1199px) {
  .header-tools { margin-left: auto; }
  .site-header .navbar-collapse { margin-left: 0; }
}
@media (max-width: 479px) {
  .header-tools { gap: 5px; }
  .site-header .brand { gap: 6px; }
  .site-header .brand-symbol { width: 26px; height: 26px; }
  .language-toggle { padding: 10px 7px; gap: 3px; }
  .skin-toggle { min-width: 40px; padding: 10px 6px; }
  .navbar-toggler { min-width: 40px; padding: 13px 8px; }
  .skin-menu { transform: translateX(45px); }
}
@media (max-width: 359px) {
  .site-header .brand-symbol { display: none; }
  .site-header .navbar { padding-inline: 12px; }
}
@media print { .language-switcher { display: none; } }