/* Comutator RO/EN: pastila cu cursor care alunecă; schimbarea se face la click. */
.nx-lang {
  --nx-teal: #3dbbbd;
  position: fixed; right: 20px; bottom: 20px; z-index: 99999;
  display: inline-grid; grid-template-columns: 1fr 1fr; align-items: center;
  width: 92px; height: 38px; padding: 3px; box-sizing: border-box;
  border: 0; border-radius: 999px; cursor: pointer;
  background: #fff; box-shadow: 0 4px 18px rgba(20, 40, 60, .18), inset 0 0 0 1px rgba(20, 40, 60, .08);
  font: 600 13px/1 "Roboto Condensed", "Golos Text", Arial, sans-serif; letter-spacing: .04em;
  -webkit-tap-highlight-color: transparent;
}
.nx-lang::before {
  content: ""; position: absolute; top: 3px; left: 3px;
  width: calc(50% - 3px); height: calc(100% - 6px); border-radius: 999px;
  background: var(--nx-teal); box-shadow: 0 2px 6px rgba(61, 187, 189, .45);
  transition: transform .28s cubic-bezier(.65, 0, .35, 1);
}
.nx-lang[data-lang="en"]::before { transform: translateX(100%); }
.nx-lang span { position: relative; text-align: center; color: #5b6b7a; transition: color .28s; }
.nx-lang[data-lang="ro"] span:first-child,
.nx-lang[data-lang="en"] span:last-child { color: #fff; }
.nx-lang:focus-visible { outline: 2px solid var(--nx-teal); outline-offset: 3px; }
@media (max-width: 600px) { .nx-lang { right: 12px; bottom: 12px; width: 84px; height: 34px; font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .nx-lang::before, .nx-lang span { transition: none; } }