.indar-language-switcher{
  position:fixed;
  top:12px;
  right:18px;
  z-index:999999;
  display:flex;
  align-items:center;
  gap:2px;
  padding:3px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(0,0,0,.10);
  border-radius:999px;
  box-shadow:0 5px 18px rgba(0,0,0,.12);
  backdrop-filter:blur(5px);
  font-family:inherit;
}

/* WordPress admin bar: keep the language selector immediately below it,
   without overlapping the Astra navigation. */
.admin-bar .indar-language-switcher{
  top:34px;
}

.indar-language-switcher button{
  appearance:none;
  border:0;
  background:transparent;
  color:#333;
  min-height:26px;
  padding:4px 8px;
  border-radius:999px;
  cursor:pointer;
  font:600 12px/1.1 inherit;
  letter-spacing:.02em;
  white-space:nowrap;
}

.indar-language-switcher button:hover{background:rgba(0,0,0,.06)}
.indar-language-switcher button.is-active{background:#1a1a1a;color:#fff}
html[lang="hi"] body{font-family:inherit}

@media (max-width:782px){
  .indar-language-switcher{
    top:8px;
    right:8px;
    padding:2px;
  }
  .admin-bar .indar-language-switcher{
    top:48px;
  }
  .indar-language-switcher button{
    min-height:25px;
    padding:4px 6px;
    font-size:11px;
  }
}