/* Feedback.IO pages — language panels (default EN via html.lang-en in head) */
[data-lang] {
  display: none !important;
}

html.lang-en [data-lang="en"],
html.lang-tr [data-lang="tr"],
html.lang-fi [data-lang="fi"] {
  display: block !important;
}

html.lang-en [data-lang="en"][data-lang-display="inline"],
html.lang-tr [data-lang="tr"][data-lang-display="inline"],
html.lang-fi [data-lang="fi"][data-lang-display="inline"] {
  display: inline !important;
}

html.lang-en tr[data-lang="en"],
html.lang-tr tr[data-lang="tr"],
html.lang-fi tr[data-lang="fi"] {
  display: table-row !important;
}

html.lang-en .pill[data-lang="en"],
html.lang-tr .pill[data-lang="tr"],
html.lang-fi .pill[data-lang="fi"] {
  display: inline-block !important;
}

.fb-lang-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0 0 20px 0;
}

.fb-lang-bar__label {
  font-size: 0.85rem;
  opacity: 0.85;
  margin-right: 4px;
}

.fb-lang-bar button {
  font: inherit;
  cursor: pointer;
  border-radius: 999px;
  padding: 6px 14px;
  border: 1px solid rgba(127, 127, 127, 0.35);
  background: transparent;
  color: inherit;
  transition: background 0.15s, border-color 0.15s;
}

.fb-lang-bar button:hover {
  border-color: rgba(127, 127, 127, 0.6);
}

.fb-lang-bar button.is-active {
  font-weight: 700;
}

/* Dark theme (feedback.html) */
body.fb-theme-dark .fb-lang-bar button.is-active {
  background: rgba(155, 123, 255, 0.28);
  border-color: rgba(155, 123, 255, 0.55);
  color: #fff;
}

body.fb-theme-dark .fb-lang-bar button {
  color: #ececec;
}

/* Light theme (legal pages) */
body.fb-theme-light .fb-lang-bar button.is-active {
  background: #e8eef8;
  border-color: #1976d2;
  color: #1565c0;
}

body.fb-theme-light .fb-lang-bar button {
  color: #333;
}