/* Language switcher — matches Example Markets tokens */
.lang-switcher{position:relative;display:inline-block;font-family:'Manrope',ui-sans-serif,system-ui,sans-serif}
.lang-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:600;
  cursor:pointer;transition:all .25s ease;backdrop-filter:blur(10px);font-family:inherit;
}
.lang-btn:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.scrolled .lang-btn{color:var(--deep,#001d35);border-color:rgba(0,29,53,.15);background:rgba(0,29,53,.05)}
.scrolled .lang-btn:hover{background:rgba(0,29,53,.1)}
.lang-btn .lang-flag{font-size:16px;line-height:1}
.lang-btn .lang-code{letter-spacing:.06em}
.lang-btn .lang-caret{transition:transform .25s ease}
.lang-switcher.open .lang-caret{transform:rotate(180deg)}

.lang-menu{
  position:absolute;top:calc(100% + 10px);right:0;min-width:190px;
  list-style:none;margin:0;padding:6px;
  background:rgba(255,255,255,.98);backdrop-filter:blur(20px) saturate(140%);
  border:1px solid rgba(0,29,53,.08);border-radius:16px;
  box-shadow:0 20px 60px -20px rgba(0,29,53,.35);
  opacity:0;transform:translateY(-8px) scale(.97);pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;z-index:100;
}
.lang-switcher.open .lang-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.lang-menu li{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:10px;cursor:pointer;
  font-size:14px;font-weight:500;color:var(--deep,#001d35);
  transition:background .15s ease;
}
.lang-menu li:hover{background:var(--mist,#e5f0fd)}
.lang-menu li .lang-flag{font-size:18px;line-height:1}
.lang-menu li .lang-name{flex:1}
.lang-menu li .lang-check{opacity:0;color:var(--teal,#40cbda);transition:opacity .15s}
.lang-menu li[aria-selected="true"]{background:var(--mist,#e5f0fd);color:var(--royal,#244f7e)}
.lang-menu li[aria-selected="true"] .lang-check{opacity:1}

/* Mobile placement */
.mobile-menu .lang-switcher{display:block;margin-top:10px}
.mobile-menu .lang-btn{width:100%;justify-content:center;color:var(--deep,#001d35);border-color:rgba(0,29,53,.15);background:rgba(0,29,53,.04)}
.mobile-menu .lang-menu{position:static;opacity:1;transform:none;pointer-events:auto;box-shadow:none;border:none;background:transparent;padding:6px 0;display:none}
.mobile-menu .lang-switcher.open .lang-menu{display:block}

@media (max-width: 900px){
  .nav-cta .lang-switcher{display:none}
}