/* ==========================================================================
   RTL overrides (Arabic). Most layout uses logical properties already;
   this file handles typography and the few physical tweaks that remain.
   ========================================================================== */

:root {
  --font: "Segoe UI", "Tahoma", "Noto Naskh Arabic", system-ui, Arial, sans-serif;
  --font-head: "Segoe UI", "Tahoma", "Noto Kufi Arabic", system-ui, Arial, sans-serif;
}

body { line-height: 1.85; }

/* Arabic script must not be letter-spaced (it breaks joining). */
.eyebrow, .footer-col h2, .post-card__tag { letter-spacing: 0; }
h1, h2 { letter-spacing: 0; }

/* Ranges / progress read naturally L->R even in RTL UIs. */
input[type="range"] { direction: ltr; }

/* Numeric / code-ish values stay LTR. */
.control-row .value, .post-meta { direction: ltr; }

/* The hamburger animation transforms are axis-symmetric, no change needed.
   Sticky stage border already flips via border-inline-end. */

/* Brand wordmark uses a Latin name — keep it LTR so it renders correctly. */
.brand-name { direction: ltr; unicode-bidi: isolate; }