/* Language: header <select>, footer flat EN | RU links. */

.header-right {
  display: flex;
  align-items: center;
  gap: 24px;
}

.lang-select {
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #111827;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 6px 10px;
  cursor: pointer;
  line-height: 1.3;
}
.lang-select:hover,
.lang-select:focus {
  border-color: #d1d5db;
  outline: none;
}

.lang-switcher {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.lang-switcher a {
  color: #6b7280;
  padding: 4px 6px;
  border-radius: 6px;
}
.lang-switcher a:hover { color: #111827; background: #f3f4f6; }
.lang-switcher a.active {
  color: #111827;
  background: #f3f4f6;
}
.lang-switcher .pipe {
  color: #d1d5db;
  font-weight: 400;
}

@media (max-width: 768px) {
  .header-right { gap: 16px; }
  footer .lang-switcher { justify-content: center; }
}
@media (max-width: 640px) {
  .lang-switcher { font-size: 12px; }
  .lang-select { font-size: 12px; }
}