/* ConvoSuite — global language switcher pill (used on every page) */
.cs-lang, .av-lang {
  display: inline-flex; align-items: center; gap: .25rem;
  margin-right: .5rem;
  padding: .22rem;
  background: rgba(127, 127, 127, .08);
  border: 1px solid rgba(127, 127, 127, .18);
  border-radius: 999px;
  vertical-align: middle;
}
.cs-lang button, .av-lang button {
  padding: .32rem .8rem;
  font-size: .78rem; font-weight: 600; line-height: 1;
  background: transparent; color: inherit;
  border: 0; border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
  opacity: .65;
}
.cs-lang button:hover, .av-lang button:hover { opacity: 1; }
.cs-lang button.lang-active, .av-lang button.lang-active { background: var(--bs-primary, #00b67a); color: #fff; opacity: 1; }

/* Dark-themed pages override */
body.av-page .cs-lang, body.av-page .av-lang { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.08); }
body.av-page .cs-lang button, body.av-page .av-lang button { color: rgba(245,245,247,.65); }
body.av-page .cs-lang button:hover, body.av-page .av-lang button:hover { color: #fff; }
body.av-page .cs-lang button.lang-active, body.av-page .av-lang button.lang-active { background: #f5f5f7; color: #000; }

html[dir="rtl"] .cs-lang, html[dir="rtl"] .av-lang { direction: ltr; margin-right: 0; margin-left: .5rem; }

/* Lang switcher when relocated into .nk-menu-buttons on desktop */
.nk-menu-buttons .cs-lang, .nk-menu-buttons .av-lang { margin: 0 .5rem 0 0; }
html[dir="rtl"] .nk-menu-buttons .cs-lang,
html[dir="rtl"] .nk-menu-buttons .av-lang { margin: 0 0 0 .5rem; }