/* ARASB — v3.6.2 — Dana font + vertical rhythm for Persian (fa) & Arabic (ar) pages */
html[dir="rtl"],
html[dir="rtl"] body {
  font-family: 'Dana', 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}
html[dir="rtl"] *,
html[dir="rtl"] *::before,
html[dir="rtl"] *::after {
  font-family: inherit !important;
}
html[dir="rtl"] {
  --font-sans: 'Dana', 'Vazirmatn', Tahoma, Arial, sans-serif;
  --arasb-active-font: 'Dana', 'Vazirmatn', Tahoma, Arial, sans-serif;
}
/* Persian/Arabic script needs more vertical room */
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6 { line-height: 1.45 !important; }
html[dir="rtl"] p, html[dir="rtl"] li, html[dir="rtl"] label, html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select, html[dir="rtl"] blockquote, html[dir="rtl"] td, html[dir="rtl"] th, html[dir="rtl"] figcaption { line-height: 1.9 !important; }

/* Arabic-script is a connected script: no letter-spacing */
html[dir="rtl"] *, html[dir="rtl"] *::before, html[dir="rtl"] *::after { letter-spacing: 0 !important; }
/* slightly larger small-text for Persian/Arabic readability (14px -> 15px) */
html[dir="rtl"] .text-sm { font-size: 15px !important; }

/* v3.6.2 — CRITICAL: font-apply.js injects a <style> at runtime with
   html[data-arasb-font], body[data-arasb-font] { font-family: var(--arasb-active-font,...) !important }
   which (equal specificity, later in cascade) overrides the body font to Tahoma on fa/ar pages.
   Fix: redefine the variable + font on the body at higher specificity. Dana is mandatory on RTL pages. */
html[dir="rtl"] body, html[dir="rtl"] body[data-arasb-font] {
  --arasb-active-font: 'Dana', 'Vazirmatn', Tahoma, Arial, sans-serif !important;
  --font-sans: 'Dana', 'Vazirmatn', Tahoma, Arial, sans-serif !important;
  font-family: 'Dana', 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* v3.6.2 — mirror horizontal gradients on RTL pages:
   hero readability overlays (dark side must sit under the right-aligned text) + decorative bars */
html[dir="rtl"] .bg-gradient-to-r { --tw-gradient-position: to left in oklab; }
html[dir="rtl"] .bg-gradient-to-l { --tw-gradient-position: to right in oklab; }