/* RTL overrides for Uyghur (ug) and Kazakh (kk) - Arabic script */
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .nav {
  left: auto;
  right: 0;
  border-right: none;
  border-left: 1px solid var(--border);
}

[dir="rtl"] .layout-content {
  margin-left: 0;
  margin-right: 240px;
}

[dir="rtl"] .nav-item {
  text-align: right;
}

[dir="rtl"] .form-select {
  background-position: left 0.75rem center;
  padding-right: 0.875rem;
  padding-left: 2rem;
}

[dir="rtl"] .toast-container {
  right: auto;
  left: 1.5rem;
}

[dir="rtl"] .copy-btn {
  right: auto;
  left: 0.5rem;
}

[dir="rtl"] .audio-player {
  flex-direction: row-reverse;
}

[dir="rtl"] .bento-card-purple::before,
[dir="rtl"] .bento-card-cyan::before,
[dir="rtl"] .bento-card-pink::before {
  right: auto;
  left: -40px;
}

[dir="rtl"] .nav-logo {
  flex-direction: row-reverse;
}

[dir="rtl"] .nav-user {
  flex-direction: row-reverse;
}

[dir="rtl"] .modal-header {
  flex-direction: row-reverse;
}

[dir="rtl"] .tabs {
  flex-direction: row-reverse;
}

[dir="rtl"] .badge {
  direction: rtl;
}

[dir="rtl"] .stat-card {
  direction: rtl;
}

/* Mongolian vertical script */
.lang-mn .nav-item span,
.lang-mn .page-header h1,
.lang-mn .bento-card h3 {
  writing-mode: horizontal-tb; /* keep nav horizontal */
}

/* Tibetan line height adjustment */
.lang-bo .form-input,
.lang-bo .form-textarea,
.lang-bo p,
.lang-bo span {
  line-height: 2.2;
}

@media (max-width: 768px) {
  [dir="rtl"] .nav {
    transform: translateX(100%);
    right: 0; left: auto;
  }
  [dir="rtl"] .nav.open {
    transform: translateX(0);
  }
  [dir="rtl"] .layout-content {
    margin-right: 0;
  }
}

/* ===== Uyghur / Kazakh font enforcement =====
   Ensures ALL text elements (including buttons, toasts, nav controls)
   display correctly regardless of theme switches.
   font-family must be set explicitly on .btn because components.css
   uses font-weight/size overrides that can shadow body inheritance. */
.lang-ug .btn,
.lang-ug .theme-toggle,
.lang-ug .lang-toggle,
.lang-ug .lang-option,
.lang-ug .nav-bottom,
.lang-ug .toast,
.lang-ug .tab-btn,
.lang-ug .form-label,
.lang-ug .form-input,
.lang-ug .form-textarea,
.lang-ug .form-select,
.lang-ug .upload-zone p,
.lang-ug .badge,
.lang-ug td, .lang-ug th,
.lang-kk .btn,
.lang-kk .theme-toggle,
.lang-kk .lang-toggle,
.lang-kk .lang-option,
.lang-kk .nav-bottom,
.lang-kk .toast,
.lang-kk .tab-btn,
.lang-kk .form-label,
.lang-kk .form-input,
.lang-kk .form-textarea,
.lang-kk .form-select,
.lang-kk .upload-zone p,
.lang-kk .badge,
.lang-kk td, .lang-kk th {
  font-family: 'UKIJ Esliye', 'UKIJ Tor', 'Scheherazade New', serif !important;
}

/* Result textarea in ASR page should also use Uyghur font when RTL */
.lang-ug .result-textarea,
.lang-kk .result-textarea {
  font-family: 'UKIJ Esliye', 'UKIJ Tor', 'Scheherazade New', serif !important;
  direction: rtl;
  text-align: right;
}