/* i18n-v19.css — compact globe under search, not overlapping theme toggle */
#langBtn{
  position: fixed;
  right: 74px; /* keep space for theme toggle at ~right:16px */
  top: 12px;
  width: 36px; height: 36px;
  border-radius: 12px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; z-index: 10080;
  backdrop-filter: blur(6px);
  pointer-events: auto;
}
#langBtn svg{ width: 18px; height: 18px; fill: currentColor; opacity: .9 }
#langMenu{
  position: fixed;
  right: 16px;
  top: 56px;
  min-width: 220px;
  background: rgba(17,24,39,.98);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 12px;
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
  padding: 6px;
  display: none;
  z-index: 10081;
}
#langMenu.open{ display: block }
#langMenu button{
  width: 100%; text-align: left;
  background: transparent; border: 0; color: inherit;
  padding: 10px 12px; border-radius: 10px; cursor: pointer;
  font: 13px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
#langMenu button:hover, #langMenu button.active{ background: rgba(110,168,254,.22) }

@media (max-width: 820px){
  #langBtn{ right: 74px; top: 58px } /* below topbar on mobile */
  #langMenu{ right: 16px; top: 98px }
}

/* Hide any old i18n toggles if leftover */
#langToggle{ display:none !important }