/* ===== کلید تغییر زبان (فارسی | English) — مشترک همهٔ صفحه‌ها =====
   رنگ‌ها و شعاع‌ها از توکن‌های برندبوک؛ مقادیر پیش‌فرض برای صفحه‌هایی که main.css ندارند. */
.q-lang {
  display: inline-flex; align-items: stretch; flex: none;
  height: 40px; padding: 3px; gap: 2px;
  border: 1px solid var(--border-color, #E2E8F0); border-radius: 10px;
  background: #fff; font-size: 13px; line-height: 1;
}
.q-lang > * {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 38px; padding: 0 9px; border-radius: 7px;
  font-weight: 700; text-decoration: none; white-space: nowrap;
}
.q-lang [aria-current="true"] { background: var(--qulis-primary, #1E3A8A); color: #fff; cursor: default; }
.q-lang a { color: var(--qulis-primary, #1E3A8A); transition: background-color .2s ease; }
.q-lang a:hover { background: rgba(30, 58, 138, .08); }
.q-lang a:focus-visible { outline: 3px solid var(--qulis-accent, #2563EB); outline-offset: 2px; }
.q-lang [lang="fa"] { font-family: "Vazirmatn", "IRANSans", Tahoma, sans-serif; font-size: 13.5px; }
.q-lang [lang="en"] { font-family: "Inter", "Segoe UI", system-ui, sans-serif; letter-spacing: .02em; }
/* موبایل: نسخهٔ فشرده تا جای منو و دکمه‌ها تنگ نشود */
@media (max-width: 480px) { .q-lang { height: 36px; padding: 2px; gap: 1px; } .q-lang > * { min-width: 30px; padding: 0 5px; } }
@media (max-width: 359px) { .q-lang > * { min-width: 27px; padding: 0 4px; } .q-lang [lang="fa"], .q-lang [lang="en"] { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .q-lang a { transition: none; } }
.lg-head__end { display: flex; align-items: center; gap: 12px; }

/* در عرض‌های کوچک جای کلید در نوار سربرگ نیست: کلید به منوی موبایل منتقل می‌شود */
.q-lang-item { display: none !important; }
@media (max-width: 480px) {
  .nav__auth > .q-lang, .qh-auth > .q-lang { display: none; }
  .q-lang-item { display: block !important; padding-top: 8px; }
  .q-lang--menu { display: flex; width: 100%; height: 44px; }
  .q-lang--menu > * { flex: 1 1 0; font-size: 14px; }
  .nav__links .q-lang--menu > a, .qh-links .q-lang--menu > a {
    display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 0;
    padding: 0 9px; margin: 0; border: 0; font-size: 14px; font-weight: 700; color: var(--qulis-primary, #1E3A8A);
  }
  .nav__links .q-lang--menu > a::after, .qh-links .q-lang--menu > a::after { content: none; }
}
