/* ==========================================================================
   TAANUS premium language switcher — shared by marketing site + login.
   Custom dropdown; no native <select> chrome. RTL/LTR aware via logical props.
   ========================================================================== */
.taanus-lang{position:relative;display:inline-flex}
.taanus-lang-btn{
  display:inline-flex;align-items:center;gap:.5rem;height:40px;padding:0 .9rem;
  border:1px solid #DCE8E2;border-radius:999px;background:#fff;color:#246F59;
  font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;
  transition:border-color .2s,box-shadow .2s,background .2s;white-space:nowrap;
}
.taanus-lang-btn:hover{border-color:#65BFA6;background:#F4FAF7}
.taanus-lang-btn:focus-visible,.taanus-lang-option:focus-visible{
  outline:none;border-color:#65BFA6;box-shadow:0 0 0 3px rgba(101,191,166,.25);
}
.taanus-lang-globe{width:16px;height:16px;flex:0 0 16px}
.taanus-lang-caret{width:12px;height:12px;flex:0 0 12px;transition:transform .2s}
.taanus-lang.is-open .taanus-lang-caret{transform:rotate(180deg)}
.taanus-lang-menu{
  position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60;min-width:172px;max-width:calc(100vw - 16px);
  padding:6px;border:1px solid #E2EDE7;border-radius:14px;background:#fff;
  box-shadow:0 18px 44px rgba(23,60,49,.14);display:flex;flex-direction:column;gap:2px;
}
.taanus-lang-menu[hidden]{display:none !important}
/* Ensure dropdown stays inside viewport and doesn't overlap CTA/logo */
.taanus-header .taanus-lang-menu,
.auth-lang .taanus-lang-menu{ z-index: 200; }
/* Header: actions always on physical right → menu always right-aligned to stay inside viewport */
.taanus-header .taanus-lang-menu{ inset-inline-end:0 !important; inset-inline-start:auto !important; }
@media(max-width:920px){
  .taanus-header .taanus-lang-menu{ inset-inline-end:0 !important; inset-inline-start:auto !important; }
}
/* Login: auth-lang is fixed at inline-start (RTL=right, LTR=left) → menu aligns to that side */
html[dir="rtl"] .auth-lang .taanus-lang-menu{ inset-inline-end:0 !important; inset-inline-start:auto !important; }
html[dir="ltr"] .auth-lang .taanus-lang-menu{ inset-inline-start:0 !important; inset-inline-end:auto !important; }
/* Safety for generic pages (non-header/auth) follow dir */
html[dir="rtl"] .taanus-lang:not(.auth-lang .taanus-lang):not(.taanus-header .taanus-lang) .taanus-lang-menu{ inset-inline-start:0; inset-inline-end:auto; }
html[dir="ltr"] .taanus-lang:not(.auth-lang .taanus-lang):not(.taanus-header .taanus-lang) .taanus-lang-menu{ inset-inline-end:0; inset-inline-start:auto; }
.taanus-lang-form{display:contents}
.taanus-lang-option{
  display:flex;align-items:center;gap:.55rem;width:100%;padding:.55rem .7rem;
  border:0;border-radius:10px;background:transparent;cursor:pointer;text-align:start;
  font-family:inherit;font-size:.84rem;
}
.taanus-lang-option:hover{background:#F1F8F4}
.taanus-lang-native{font-weight:700;color:#17332C;flex:1}
.taanus-lang-alt{font-size:.72rem;color:#7C8E88;font-weight:600}
.taanus-lang-check{width:15px;height:15px;color:#27836C;visibility:hidden}
.taanus-lang-option.is-active .taanus-lang-check{visibility:visible}

@media(max-width:640px){
  .taanus-lang-btn{height:36px;padding:0 .75rem;font-size:.76rem}
  .taanus-lang-menu{min-width:156px}
}