/* Seletor de idioma (zeflo_lp/templates/partials/language_switcher.html).
   Padrão: para barras coloridas (verde). --light: para fundos claros. */

.lp-lang-switcher {
  display: inline-flex;
  flex-direction: row;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 999px;
  overflow: hidden;
}

.lp-lang-switcher button {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0.3rem 0.65rem;
  font-family: inherit;
  line-height: 1.4;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #FFFFFF;
  opacity: 0.85;
  cursor: pointer;
}

.lp-lang-switcher button:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.15);
}

.lp-lang-switcher button[aria-current="true"] {
  background-color: #FFFFFF;
  color: #0284C7;
  opacity: 1;
  cursor: default;
}

.lp-lang-switcher button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -4px;
}

.lp-lang-switcher--light {
  border-color: #c9d1cf;
  background-color: #FFFFFF;
}

.lp-lang-switcher--light button {
  color: #0F172A;
}

.lp-lang-switcher--light button:hover {
  background-color: #eef3f2;
}

.lp-lang-switcher--light button[aria-current="true"] {
  background-color: #0284C7;
  color: #FFFFFF;
}

/* Canto superior direito, para telas sem barra (login, cadastro) */
.lp-lang-switcher-corner {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 30;
}

/* Na barra verde do app (zeflo_app/templates/partials/nav.html), antes do Logout */
.user-bar__lang {
  flex-shrink: 0;
  margin-right: 16px;
}

/* Na barra do topo do admin do Django (zeflo_lp/templates/admin/base_site.html) */
.admin-lang {
  vertical-align: middle;
  margin-right: 10px;
}
