/* BESTNET Translator — language switcher dropdown
   Current language as a pill; expands (hover or click) to the other languages.
   Many rules use !important to override the Hostiko nav-menu styling (the switcher
   is injected as the LAST menu <li>, which the theme styles like the PORTAL button). */

/* neutralize the theme's "last menu item = orange button" styling on our <li> */
li.bnt-lang-switcher-item{
  background:none!important;background-color:transparent!important;
  padding:0!important;margin:0 0 0 10px!important;border:none!important;border-radius:0!important;
  display:flex!important;align-items:center;box-shadow:none!important}
li.bnt-lang-switcher-item::before,
li.bnt-lang-switcher-item::after{display:none!important;content:none!important}

.bnt-lang-switcher{position:relative;display:inline-block;font-size:14px;line-height:1}

.bnt-ls-current{display:inline-flex!important;align-items:center;gap:7px;
  background:transparent!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:6px;
  padding:7px 12px!important;margin:0!important;color:#fff!important;font:inherit;line-height:1!important;
  cursor:pointer;transition:border-color .15s;min-height:0!important;box-shadow:none!important;text-transform:none!important}
.bnt-ls-current:hover{border-color:rgba(255,255,255,.7)!important;background:transparent!important}

.bnt-ls-flag{display:inline-flex;align-items:center;line-height:1}
.bnt-ls-flag img{display:block;width:18px;height:auto;border-radius:2px;margin:0}
.bnt-ls-emoji{font-size:1.1em;line-height:1}
.bnt-ls-name{white-space:nowrap;color:inherit}
.bnt-ls-caret{font-size:.7em;opacity:.85;transition:transform .15s}
.bnt-lang-switcher.bnt-ls-open .bnt-ls-caret{transform:rotate(180deg)}

.bnt-ls-list{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;
  min-width:180px;margin:0!important;padding:6px 0!important;list-style:none!important;
  background:#16181d!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:8px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.45)!important;
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .15s,transform .15s,visibility .15s;z-index:99999}
.bnt-lang-switcher.bnt-ls-open .bnt-ls-list,
.bnt-lang-switcher:hover .bnt-ls-list{opacity:1;visibility:visible;transform:translateY(0)}

/* strip the theme's menu-item styling from the dropdown rows */
.bnt-ls-list>li{margin:0!important;padding:0!important;background:none!important;border:none!important;
  display:block!important;width:auto!important;min-height:0!important}
.bnt-ls-list>li::before,.bnt-ls-list>li::after{display:none!important;content:none!important}
.bnt-ls-list a{display:flex!important;align-items:center;gap:9px;padding:9px 16px!important;margin:0!important;
  color:#e8e8e8!important;background:none!important;text-decoration:none!important;white-space:nowrap;
  line-height:1.3!important;border:none!important;text-transform:none!important;letter-spacing:normal!important}
.bnt-ls-list a:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}

@media(max-width:782px){
  .bnt-lang-switcher{font-size:15px}
  .bnt-ls-list{right:auto!important;left:0!important}
}

/* ---- Floating placement: bottom-right, above the BetterDocs button ---- */
.bnt-ls-floating{position:fixed;right:22px;bottom:88px;z-index:99998}
/* solid pill so it reads on its own over page content */
.bnt-ls-floating .bnt-ls-current{
  background:#16181d!important;border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 4px 16px rgba(0,0,0,.4)!important;color:#fff!important;
  padding:9px 14px!important;border-radius:24px!important}
.bnt-ls-floating .bnt-ls-current:hover{background:#1d2026!important;border-color:rgba(255,255,255,.35)!important}
/* dropdown opens UPWARD (we're near the bottom of the viewport) */
.bnt-ls-floating .bnt-ls-list{top:auto!important;bottom:calc(100% + 8px)!important;right:0!important;left:auto!important}
@media(max-width:782px){.bnt-ls-floating{right:14px;bottom:82px}}