/* ===================================================
   MECD Arabic mirror — RTL overrides layered on top of
   css/style.css. Load AFTER style.css. Scoped mostly via
   html[dir="rtl"] (set on every ar/*.html page) plus a
   handful of direct overrides for components whose base
   rules hard-code a physical left/right side.
   =================================================== */

html[dir="rtl"] body{
  font-family: 'Cairo', var(--font-body), Arial, sans-serif;
}
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4{
  font-family: 'Cairo', var(--font-head), sans-serif;
}

/* Header / nav */
html[dir="rtl"] .dropdown{ left:auto; right:0; }
html[dir="rtl"] .breadcrumb a{ margin: 0 4px; }

/* Mobile nav drawer slides in from the LEFT in RTL instead of the right */
html[dir="rtl"] #mobile-nav{ right:auto; left:-320px; transition: left .3s ease; }
html[dir="rtl"] #mobile-nav.open{ left:0; right:auto; }
html[dir="rtl"] #mobile-nav .sub a{ padding-left:0; padding-right:18px; }
html[dir="rtl"] #mobile-nav-close{ float:left; }

/* Check-list checkmark stays at the visual start of the line (right side in RTL) */
html[dir="rtl"] .check-list li{ text-align:right; }

/* Quick-facts panel dividers */
html[dir="rtl"] .qf-item{ border-right:none; border-left: 1px solid var(--light-gray); }
html[dir="rtl"] .qf-item:last-child{ border-left:none; }
html[dir="rtl"] .stats-strip.qf-wrap .stats-grid > .stat-card{ border-right:none; border-left: 1px solid var(--light-gray); }
html[dir="rtl"] .stats-strip.qf-wrap .stats-grid > .stat-card:last-child{ border-left:none; }
html[dir="rtl"] .stats-strip.qf-wrap .stats-grid::before{ left:auto; right:0; }

/* FAQ question text alignment */
html[dir="rtl"] .faq-question{ text-align:right; }
html[dir="rtl"] .faq-answer p{ padding: 0 4px 20px 40px; }

/* Card link arrow direction */
html[dir="rtl"] .card .card-link{ display:inline-block; }

/* WhatsApp floating button — keep on the visual left in RTL so it doesn't
   collide with a right-aligned scrollbar/reading flow */
html[dir="rtl"] .whatsapp-fab{ right:auto; left:26px; }

/* Lightbox close button */
html[dir="rtl"] .lightbox-close{ right:auto; left:34px; }

/* Contact quick actions / copy button spacing */
html[dir="rtl"] .copy-btn{ margin-left:0; margin-right:8px; }

/* Hero content max-width still reads naturally right-to-left; no positional
   change needed since flex/grid direction already flips with dir=rtl. */

/* Footer link list bullets / margins already handled by list-style:none */

/* Google font import for Arabic (Cairo) — loaded once per Arabic page via
   this stylesheet so English pages remain completely untouched. */