.lang-switcher{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;
  font-size:11px;
  letter-spacing:.05em;
  color:rgba(246,236,255,.7);
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  padding:6px 26px 6px 12px;
  cursor:pointer;
  transition:border-color .18s,color .18s,background .18s;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23f6ecffaa' stroke-width='1.6'><path d='M1 1.5 6 6.5 11 1.5'/></svg>");
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size:9px;
}
.lang-switcher:hover{
  color:rgba(246,236,255,.95);
  border-color:rgba(255,255,255,.22);
  background-color:rgba(255,255,255,.08);
}
.lang-switcher:focus-visible{
  outline:none;
  border-color:rgba(255,43,214,.6);
  box-shadow:0 0 0 2px rgba(255,43,214,.25);
}
.lang-switcher option{
  background:#0a0421;
  color:#f6ecff;
}

/* Slot in the navbar — align with existing .btn pills */
.nav-cta [data-lang-switcher]{display:inline-flex;align-items:center}
.nav-cta .lang-switcher{padding:8px 26px 8px 14px;font-size:12px}

/* Slot in the footer — keep small + muted */
.foot [data-lang-switcher]{display:inline-flex;align-items:center}

@media (max-width:560px){
  .nav-cta .lang-switcher{font-size:11px;padding:6px 24px 6px 10px}
}