/* Default: French (before JS runs, html has no lang class — show FR) */
.lang-fr {
  display: none;
}

html:not(.lang-en):not(.lang-fr) .lang-en,
html.lang-fr .lang-en {
  display: none !important;
}

html:not(.lang-en):not(.lang-fr) .lang-fr,
html.lang-fr .lang-fr {
  display: revert;
}

html.lang-fr .lang-fr[data-display="block"] {
  display: block !important;
}

html.lang-fr .lang-fr[data-display="inline"] {
  display: inline !important;
}

html.lang-en .lang-fr {
  display: none !important;
}

.lang-switcher {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lang-btn {
  border: 1px solid #ccc;
  padding: 4px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  background: transparent;
  line-height: 1.2;
}

.lang-btn.lang-active {
  background: #e8a020;
  color: #fff;
  border-color: #e8a020;
}