/* v19.2 - layout fixes for language globe + search + theme */
/* Reserve a slot (60px) for the globe left of search; push search right; keep theme at far right */
.topbar, header, .header, .nav, .top { position: relative; }
.topbar .search, .search input[type="search"], input[type="search"][placeholder="Search..."]{
  margin-left: auto !important;
  margin-right: 120px !important; /* space for theme */
  max-width: 360px;
}
/* Globe fixed slot just left of theme toggle */
#langBtn{
  position: fixed !important;
  right: 74px !important; /* theme usually ~16px; leave gap */
  top: 12px !important;
  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: 10090;
  backdrop-filter: blur(6px);
}
#langMenu{
  position: fixed !important;
  right: 16px !important; top: 56px !important;
  min-width: 220px;
  background: rgba(17,24,39,.98);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 12px; padding: 6px;
  display: none; z-index: 10091;
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
}
#langMenu.open{ display:block }
#langMenu button{ width:100%; text-align:left; padding:10px 12px; background:transparent; border:0; cursor:pointer; border-radius:10px }
#langMenu button:hover, #langMenu button.active{ background: rgba(110,168,254,.22) }

/* Mobile: place globe below topbar */
@media (max-width: 820px){
  .topbar .search, .search input[type="search"], input[type="search"][placeholder="Search..."]{
    margin-right: 120px !important;
  }
  #langBtn{ right: 74px !important; top: 58px !important; }
  #langMenu{ right: 16px !important; top: 100px !important; }
}

/* Version badge */
#verBadge{ position: fixed; right: 10px; bottom: 10px; z-index: 99999;
  font: 12px/1 system-ui,-apple-system,Segoe UI,Roboto;
  color: #a2b6ff; background: rgba(17,24,39,.7); padding: 6px 8px; border-radius: 8px;
  border: 1px solid rgba(255,255,255,.2); }