/* Nút đổi ngôn ngữ đơn — kế thừa .btn.btn--ghost (kể cả rule ẩn chữ trên mobile).
   Chỉ tinh chỉnh nhẹ để cờ + mã cân đối. */
.lang-toggle {
  gap: 6px;
}

.lang-toggle > span {
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

/* variant storefront — tự tạo style (storefront không có .btn). Khớp .sf-iconbtn
   nhưng rộng hơn để chứa cờ + VI/EN. */
.lang-toggle--sf {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 11px;
  border: 1px solid var(--sf-line, var(--border, #e6e6e9));
  border-radius: 9px;
  background: var(--sf-surface, var(--bg-card, #fff));
  color: var(--sf-ink-2, var(--text-secondary, #55555c));
  font-family: inherit;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.lang-toggle--sf:hover {
  border-color: var(--sf-line-strong, var(--border-strong, rgba(0,0,0,0.18)));
  color: var(--sf-ink, var(--text-primary, #131316));
}