/* SiyahaOS — rtl.css
 * Loaded only when dir="rtl" (Arabic). Most layout already flips correctly
 * because main.css uses CSS logical properties (margin-inline-*, inset-inline-*).
 * This file holds the small set of physical-axis tweaks that need mirroring.
 */

/* The hero gradient hot-spots are positional — flip them so the warm glow
   sits on the inline-start (visual right in RTL). */
[dir="rtl"] .hero {
    background:
        radial-gradient(1200px 600px at 20% -10%, rgba(255,140,66,0.30), transparent 60%),
        radial-gradient(1000px 500px at 110% 110%, rgba(50,130,184,0.45), transparent 55%),
        linear-gradient(200deg, var(--color-primary-dark) 0%, var(--color-primary) 60%, #103D5C 100%);
}

/* Slightly looser line-height for Arabic body to let diacritics breathe. */
html[lang="ar"] body { line-height: 1.7; }

/* Headings often look heavier in Arabic; shave the weight a touch. */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3 { font-weight: 700; letter-spacing: 0; }

/* Keep the wordmark "SiyahaOS" rendered LTR even inside RTL flow. */
[dir="rtl"] .site-logo-text { direction: ltr; unicode-bidi: isolate; }

/* TODO Phase 4: when we self-host an Arabic display font, swap --font-arabic. */