/* ── Language Switcher ─────────────────────────────────────── */
#lang-switcher {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 10000;
  display: flex;
  align-items: center;
  gap: .2rem;
  background: rgba(8, 8, 18, .88);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 2rem;
  padding: .28rem .32rem;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .35);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  transition: box-shadow .2s;
}

#lang-switcher:hover {
  box-shadow: 0 6px 28px rgba(0, 0, 0, .45);
}

.lang-btn {
  padding: .38rem .7rem;
  border-radius: 1.5rem;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .1em;
  cursor: pointer;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(255, 255, 255, .38);
  transition: color .18s, background .18s, border-color .18s;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.lang-btn:hover {
  color: rgba(255, 255, 255, .75);
}

.lang-btn.active {
  background: rgba(6, 182, 212, .14);
  border-color: rgba(6, 182, 212, .4);
  color: #06b6d4;
}

/* Light agency pages: invert the pill background for readability */
#lang-switcher.agency {
  background: rgba(255, 255, 255, .92);
  border-color: rgba(0, 0, 0, .12);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
}

#lang-switcher.agency .lang-btn {
  color: rgba(0, 0, 0, .35);
}

#lang-switcher.agency .lang-btn:hover {
  color: rgba(0, 0, 0, .7);
}

#lang-switcher.agency .lang-btn.active {
  background: rgba(79, 70, 229, .1);
  border-color: rgba(79, 70, 229, .4);
  color: #4f46e5;
}

/* Gateway page (dark but no world-ai): same as dark */

/* Mobile adjustments */
@media (max-width: 600px) {
  #lang-switcher {
    bottom: 1rem;
    right: 1rem;
  }

  .lang-btn {
    padding: .35rem .62rem;
    font-size: .65rem;
  }
}