/* ============================================================
   Sustainable Dubai — RTL / Arabic overrides
   Loaded automatically only when the page language is right-to-left
   (e.g. Arabic via Polylang). Flips directional layout and swaps in
   an Arabic-capable typeface (Cairo).
   ============================================================ */

:root{
  --font-display:"Cairo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-body:"Cairo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-mono:"Cairo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

body{direction:rtl}

/* Arabic reads better with a touch more line-height and no negative tracking */
h1,h2,h3,h4{letter-spacing:0}
.hero-title,.post-hero h1{letter-spacing:0;line-height:1.25}

/* header: logo moves to the right, nav underline anchors on the right */
.brand{margin-right:0;margin-left:auto}
.main-nav a::after{left:auto;right:0}

/* eyebrow accent line sits to the right of the label */
.eyebrow::before{margin-left:0}

/* hero figure floating elements */
.hero-figure .floating-chip{left:auto;right:18px}
.hero-figure .stat-card{right:auto;left:-14px}

/* article quote bar on the right */
.entry blockquote{border-left:0;border-right:3px solid var(--sun);padding-left:0;padding-right:1.3em}

/* mono/measurement labels: keep numerals & latin tidy inside RTL */
.eyebrow,.card-meta,.post-meta,.hero-meta,.topbar .wrap,.t-count,.chip,.footer-bottom{letter-spacing:0}

/* skip link: hide vertically — left:-9999px flips in RTL and creates
   a huge horizontal scroll, so move it off-screen on the Y axis instead */
.skip-link{left:auto;right:auto;top:-9999px}
.skip-link:focus{left:auto;right:16px;top:10px}

/* lists/footer already use logical flow; nudge any stray alignment */
.footer-grid,.archive-head .wrap,.post-hero .wrap,.entry{text-align:right}
.manifesto,.newsletter{text-align:right}
.manifesto .inner{text-align:center}

/* pagination arrows read naturally in RTL without flipping glyphs */
.pagination{direction:rtl}