/* El sitio en otros idiomas, en TODAS las páginas (base.html):
   - el selector de idioma del pie (partials/_language_switcher.html),
   - el aviso de idioma sugerido (js/language-suggest.js),
   - el enlace «Legaltica in Spanish» de la cabecera traducida.
   Fichero aparte para no tocar el hash de legaltica-ds.css: las páginas cacheadas lo
   cogen al expirar. Se carga ANTES que legaltica-ds.css, así que cada regla que
   compite con una del sistema (`.lt a`, `.lt-footer a`, ambas 0,1,1) lleva un
   selector más específico, nunca `!important`. Solo tokens --lt-*. */

/* --- Selector de idioma del pie: una línea discreta bajo la barra legal --- */
.lt-langs {
  display: flex;
  align-items: center;
  gap: var(--lt-s-4);
  margin-top: var(--lt-s-7);
  color: var(--lt-on-dark-faint);
}
.lt-langs__icon { flex: none; }
.lt-footer .lt-langs__list {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.lt-langs__item { flex: none; display: flex; align-items: center; }
/* El punto medio entre idiomas («Español · English · …»), sin que lo lea el lector de pantalla. */
.lt-langs__item + .lt-langs__item::before {
  content: "·";
  padding: 0 var(--lt-s-3);
  color: var(--lt-on-dark-faint);
}
.lt-footer .lt-langs a,
.lt-langs__current {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  font-size: var(--lt-fs-xs);
  color: var(--lt-on-dark-faint);
}
.lt-footer .lt-langs a:hover { color: var(--lt-surface); text-decoration: underline; text-underline-offset: 2px; }
.lt-langs__current { font-weight: 600; color: var(--lt-on-dark); }

/* --- Aviso de idioma sugerido: franja EN EL FLUJO bajo la cabecera (no flota, no tapa
   contenido en móvil), del mismo tono que el aviso de país --- */
.lt-lang-suggest {
  background: var(--lt-surface);
  border-bottom: 1px solid var(--lt-border);
}
.lt-lang-suggest__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lt-s-5);
  max-width: var(--lt-container);
  margin: 0 auto;
  padding: var(--lt-s-3) var(--lt-gutter);
}
.lt-lang-suggest__text {
  margin: 0;
  font-size: var(--lt-fs-sm);
  line-height: 1.45;
  color: var(--lt-text-2);
}
.lt-lang-suggest a.lt-lang-suggest__link {
  font-weight: 600;
  color: var(--lt-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.lt-lang-suggest a.lt-lang-suggest__link:hover { color: var(--lt-primary-hover); }
.lt-lang-suggest__close {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: var(--lt-r-ctl);
  background: transparent;
  color: var(--lt-text-muted);
  cursor: pointer;
}
.lt-lang-suggest__close:hover { background: var(--lt-canvas); color: var(--lt-ink); }
.lt-lang-suggest__close:focus-visible,
.lt-lang-suggest a.lt-lang-suggest__link:focus-visible { outline: 2px solid var(--lt-primary); outline-offset: 2px; }

/* --- Cabecera traducida: el enlace al sitio en español, más apagado que el resto --- */
.lt-header__nav a.lt-header__es-link { color: var(--lt-text-muted); }

@media (max-width: 768px) {
  .lt-lang-suggest__inner { padding: var(--lt-s-2) var(--lt-gutter); }
  .lt-lang-suggest__text { font-size: var(--lt-fs-xs); }
  .lt-langs { align-items: flex-start; }
  .lt-langs__icon { margin-top: 9px; }
}