/* i18n-v17.css — compact globe with dropdown */
#langBtn{
  position: fixed; right: 12px; top: 58px; z-index: 10060;
  width: 36px; height: 36px; border-radius: 12px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  display: flex; align-items: center; justify-content: center;
  backdrop-filter: blur(6px); cursor: pointer;
}
#langBtn svg{ width: 18px; height: 18px; fill: currentColor; opacity: .9 }
#langMenu{
  position: fixed; right: 12px; top: 100px; z-index: 10061;
  background: rgba(17,24,39,.98);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px; padding: 6px; display: none;
  min-width: 190px; box-shadow: 0 10px 28px rgba(0,0,0,.35);
}
#langMenu.open{ display: block; }
#langMenu button{
  width: 100%; text-align: left;
  background: transparent; border: 0; color: inherit;
  padding: 8px 10px; border-radius: 8px; cursor: pointer; font: 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto;
}
#langMenu button:hover, #langMenu button.active{ background: rgba(110,168,254,.22) }
@media (max-width: 820px){
  #langBtn{ top: 58px; right: 10px }
  #langMenu{ top: 100px; right: 10px }
}

/* Hide previous v16 pill if present */
#langToggle{ display: none !important }