/* PUIUX 2026-10-21 — Tatawor polish: header + Arabic typography */
.nav-section .navbar-links li a, .more-opt li a, .syaad-btn { white-space: nowrap; }
@media (min-width: 992px) {
  .nav-section .row { flex-wrap: nowrap; align-items: center; }
  .nav-section .row > .col-lg-3:first-child { flex: 0 0 auto; max-width: none; width: auto; }
  .nav-section .row > .col-lg-6 { flex: 1 1 auto; max-width: none; display: flex; align-items: center; justify-content: center; }
  .nav-section .row > .options_header { flex: 0 0 auto; max-width: none; width: auto; display: flex; align-items: center; }
  .nav-section .navbar-links { display: flex; flex-wrap: nowrap; align-items: center; margin: 0; }
  .nav-section .more-opt ul { display: flex; align-items: center; gap: 14px; flex-wrap: nowrap; margin: 0; }
}
@media (min-width: 992px) and (max-width: 1279px) {
  .nav-section .row > .col-lg-6 { min-width: 0; padding-left: 8px; padding-right: 8px; }
  .nav-section .navbar-links li { margin: 0 !important; padding: 0 6px !important; }
  .nav-section .navbar-links li a, .more-opt li a { font-size: 13px !important; padding-left: 0 !important; padding-right: 0 !important; }
  .nav-section .row > .options_header { padding-left: 6px; padding-right: 6px; }
  .nav-section .more-opt ul { gap: 10px; }
  .nav-section .syaad-btn { padding: 9px 16px !important; font-size: 13px !important; }
  .nav-section .logo img { max-height: 40px; width: auto; }
}
/* Arabic: one professional face everywhere except icon fonts */
html[dir="rtl"] body, html[dir="rtl"] body *:not(i):not(.fa):not(.fab):not(.far):not(.fas):not([class^="fa-"]):not([class*=" fa-"]):not(.dashicons):not([class*="tutor-icon"]) {
  font-family: "IBM Plex Sans Arabic", system-ui, sans-serif !important;
}
html[dir="rtl"] body p, html[dir="rtl"] body li, html[dir="rtl"] body .text, html[dir="rtl"] body span { line-height: 1.85; }
html[dir="rtl"] body h1, html[dir="rtl"] body h2, html[dir="rtl"] body h3, html[dir="rtl"] body h4 { line-height: 1.45; font-weight: 700; letter-spacing: 0; }
html[dir="rtl"] body h5, html[dir="rtl"] body h6 { line-height: 1.5; font-weight: 600; }
html[dir="rtl"] .syaad-btn, html[dir="rtl"] button, html[dir="rtl"] .btn { font-weight: 600; }