.lingue {
  position: relative; z-index: 2;
  display: flex; align-items: center; margin-left: auto;
  font-size: 0.8125rem; letter-spacing: 0.06em; line-height: 1;
}
.lingue a {
  display: block; padding: 0.95rem 0.3rem;
  color: var(--cenere); text-decoration: none;
  transition: color var(--durata-breve);
}
.lingue a:hover { color: var(--crema); }
.lingue a[aria-current] {
  color: var(--crema);
  text-decoration: underline 1px var(--brace); text-underline-offset: 0.4em;
}
.lingue-punto { color: var(--venatura); }
@media (min-width: 960px) {
  .testata .nav { margin-left: auto; }
  .lingue { order: 3; margin-left: 1.5rem; padding-left: 1.2rem; border-left: 1px solid var(--venatura); }
}
@media (max-width: 959px) {
  .js .testata .lingue { margin-right: 0.25rem; }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .testata .nav { gap: 0.9rem; }
  .testata .nav ul { gap: 0.8rem; }
  .testata .nav a { font-size: 0.9375rem; white-space: nowrap; }
  .lingue { margin-left: 0.75rem; padding-left: 0.6rem; }
}
.nav-lingue { display: none; }
@media (max-width: 959px) {
  .js .nav-lingue { display: block; align-self: stretch; padding-top: 1.25rem; border-top: 1px solid var(--venatura); }
  .nav-lingue-titolo { margin: 0 0 0.6rem; font-size: 0.875rem; color: var(--cenere); }
  .js .nav .nav-lingue ul { flex-direction: row; flex-wrap: wrap; gap: 0.25rem 1.5rem; }
  .js .nav .nav-lingue a {
    display: block; padding: 0.5rem 0;
    font-family: var(--font-testo); font-size: 1.0625rem; color: var(--cenere);
  }
  .js .nav .nav-lingue a[aria-current] {
    color: var(--crema);
    text-decoration: underline 1px var(--brace); text-underline-offset: 0.4em;
  }
}
.avviso-lingua {
  position: fixed; z-index: 45; left: var(--margine); bottom: var(--margine);
  max-width: min(22rem, calc(100vw - 2 * var(--margine)));
  display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 0.75rem 0.5rem;
  padding: 1rem 0.75rem 1rem 1.1rem;
  background: var(--legno); color: var(--crema);
  border: 1px solid var(--venatura); border-radius: 4px;
  box-shadow: 0 0.75rem 2rem rgb(0 0 0 / 0.45);
  opacity: 0; transform: translateY(0.75rem);
  transition: opacity var(--risposta-durata) var(--morbido), transform var(--risposta-durata) var(--morbido);
}
.avviso-lingua.visibile { opacity: 1; transform: none; }
.avviso-lingua p { margin: 0; font-family: var(--font-titoli); font-size: 1.125rem; line-height: 1.25; }
.avviso-lingua .pulsante { grid-column: 1; grid-row: 2; justify-self: start; margin: 0; }
.avviso-lingua-chiudi {
  grid-column: 2; grid-row: 1; align-self: start;
  width: 2.75rem; height: 2.75rem; margin: -0.6rem -0.4rem 0 0; padding: 0;
  display: grid; place-items: center; cursor: pointer;
  background: none; border: 0; color: var(--cenere);
}
.avviso-lingua-chiudi:hover { color: var(--crema); }
.avviso-lingua-chiudi svg { width: 1.1rem; height: 1.1rem; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; }
@media (prefers-reduced-motion: reduce) {
  .avviso-lingua { transition: none; transform: none; }
  .lingue a { transition: none; }
}