/* Selettore di lingua nella barra di navigazione.

   La tendina la disegna gia' il tema: .dp-menu e' la stessa dei
   CONFIGURATORI, e riusarla vuol dire che il selettore si apre, si chiude e
   si colora come il resto del menu senza doverlo riscrivere. Qui c'e' solo
   quel poco che cambia.

   I nomi delle lingue restano ciascuno nella propria: "Deutsch" scritto
   "Tedesco" lo riconosce solo chi l'italiano lo legge gia', cioe' proprio
   chi del selettore non ha bisogno. */

.axlingue > a i {
  margin-inline-end: 8px;
  font-size: 15px;
}

/* 250px sono giusti per "Targhette DiBond", non per "Español". */
.main-menu .axlingue ul.dp-menu { width: 170px; }

/* La lingua che si sta leggendo, accesa come la voce corrente del menu.
   Le due righe dicono la stessa cosa in due posti: meanmenu ricopia il menu
   fuori da .main-menu, e li' la prima regola non arriva. Sono scritte lunghe
   apposta — il grigio delle voci lo mette un selettore di tre elementi, e
   una regola piu' corta perderebbe. */
.main-menu .axlingue ul.dp-menu li a[aria-current],
.mean-container .mean-nav .axlingue ul li a[aria-current] { color: var(--theme); }

/* Nel menu mobile la riga resta larga tutto lo schermo e la tendina si apre
   col "+" come le altre. */
.mean-nav .axlingue ul.dp-menu { width: auto; }


/* ---- il selettore in barra, sotto i 1200px --------------------------------
   Sopra i 1200 il menu e' in vista e il selettore ci sta dentro. Sotto, il
   menu finisce nel cassetto e il selettore sparirebbe con lui: qui resta
   fuori, alla sinistra del pulsante che apre il cassetto.

   E' un menu a tendina di sistema. Su un telefono si apre con la rotella
   nativa — niente da disegnare, niente da posizionare, e nessun modo di
   finire sotto l'intestazione o fuori dallo schermo. */
.axlingue--mobile { display: none; }

@media (max-width: 1199px) {
  .axlingue--mobile {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--white);
  }
}

.axlingue--mobile i { font-size: 15px; }

.axlingue--mobile select {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  padding: 0 2px;
  color: inherit;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  cursor: pointer;
}

/* La tendina aperta la disegna il sistema operativo, e di suo la fa chiara:
   le voci vanno vestite a parte o restano bianche su bianco. Si scrivono
   tutte e due, fondo e testo, perche' chi non ascolta l'una non ascolta
   nemmeno l'altra — e chi non ascolta nessuna usa i suoi colori, che vanno
   bene lo stesso. */
.axlingue--mobile option {
  background-color: #232529;
  color: var(--white);
}