/* ══════════════════════════════════
   LANGUAGE SWITCHER
   Both buttons visible: active = orange, inactive = muted
   ══════════════════════════════════ */

.lang-switcher {
  display: flex;
  align-items: center;
  gap: 2px;
  padding-left: 20px;
  border-left: var(--border-gray-light);
  flex-shrink: 0;
}

.lang-btn {
  font-family: var(--font-pt-sans);
  font-size: var(--fs-caption);
  font-weight: 700;
  line-height: 1;
  color: var(--color-gray-light);
  background: none;
  border: none;
  padding: 2px 4px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: color 0.2s, opacity 0.2s;
}

.lang-btn.is-active {
  color: var(--color-orange);
}

.lang-btn:not(.is-active):hover {
  color: var(--color-gray);
}

/* Single toggle button (replaces the two-button pair) */
.lang-toggle {
  font-family: var(--font-pt-sans);
  font-size: var(--fs-caption);
  font-weight: 700;
  line-height: 1;
  color: var(--color-orange);
  background: none;
  border: none;
  padding: 2px 4px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: opacity 0.2s;
}

.lang-toggle:hover {
  opacity: 0.7;
}

/* Hero title language switch */
.hero__title-en { display: none; }
[lang="en"] .hero__title-ru { display: none; }
[lang="en"] .hero__title-en { display: inline; }

/* Hero title (SVG) language switch */
.hero__title-svg-en { display: none; }
[lang="en"] .hero__title-svg-ru { display: none; }
[lang="en"] .hero__title-svg-en { display: block; }

/* Mobile */
@media (max-width: 1023px) {
  .lang-switcher {
    border-left: none;
    padding-left: 0;
    margin-left: auto;
    margin-right: 16px;
  }
}