/* NO NAME — IT / EN / FR switch, a pill that mirrors the "← Menu" chip, top right */
.lang-switch {
  position: fixed; top: 18px; right: 18px; z-index: 110;
  display: flex; padding: 3px;
  background: rgba(6,5,4,0.7);
  border: 1px solid rgba(212,46,12,0.25);
  border-radius: 999px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.lang-switch button {
  appearance: none; -webkit-appearance: none;
  border: 0; background: transparent; cursor: pointer;
  font-family: 'Space Mono', monospace; font-size: 11px; letter-spacing: 0.15em;
  color: #8a8078;
  padding: 5px 10px 5px 11px; border-radius: 999px;
  transition: color 0.25s ease, background 0.25s ease;
}
.lang-switch button:hover, .lang-switch button:focus-visible { color: #f4f0ea; }
.lang-switch button:focus-visible { outline: 1px solid #ff3814; outline-offset: 2px; }
.lang-switch button[aria-pressed="true"] { color: #f4f0ea; background: rgba(255,56,20,0.85); }
@media (max-width: 380px) { .lang-switch { top: 14px; right: 14px; } }
/* on phones the switch stays at the top of the page and scrolls away with it */
@media (max-width: 768px) { .lang-switch { position: absolute; } }