/* ============================================================
   Al Qassim Group — RTL overrides (Arabic / Urdu)
   Loaded only on [dir="rtl"] pages, after styles.min.css.
   Covers the most visible layout mirroring; some deeply nested
   component spacing may still read visually LTR-ish and can be
   refined further on a per-component basis.
   ============================================================ */

html[dir="rtl"] body{
  text-align:right;
}

/* Arabic: Markazi Text for headings (echoes the English Cormorant Garamond
   elegance), Noto Kufi Arabic for body/UI text. */
html[lang="ar"] body{
  font-family:'Noto Kufi Arabic','Tahoma',sans-serif;
}
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] .heritage-badge .hb-year,
html[lang="ar"] .heritage-quote blockquote,
html[lang="ar"] .presence-left h2 em,
html[lang="ar"] blockquote{
  font-family:'Markazi Text',serif;
  font-weight:700;
}

/* Urdu: Noto Nastaliq Urdu across headings and body for authentic reading. */
html[lang="ur"] body,
html[lang="ur"] h1, html[lang="ur"] h2, html[lang="ur"] h3{
  font-family:'Noto Nastaliq Urdu',serif;
  line-height:2.1;
}

/* Nav */
html[dir="rtl"] .nav-inner,
html[dir="rtl"] .topbar-inner,
html[dir="rtl"] .subnav-inner,
html[dir="rtl"] .mega-bar-inner,
html[dir="rtl"] .nav-actions,
html[dir="rtl"] .nav-social{
  flex-direction:row-reverse;
}
html[dir="rtl"] .searchbar-btn svg,
html[dir="rtl"] .hqf-go svg{ transform:scaleX(-1); }

/* Generic flex rows that place icon + text side by side read fine
   mirrored automatically since browsers respect dir on inline flow;
   only explicit row-reverse cases need special handling above. */

/* Hero quick filter bar */
html[dir="rtl"] .hqf-inner{ flex-direction:row-reverse; }
html[dir="rtl"] .hqf-item{ border-right:none; border-left:1px solid #e8e4dc; text-align:right; }
html[dir="rtl"] .hqf-go{ border-radius:11px 0 0 11px; }

/* Car cards */
html[dir="rtl"] .car-card-specs,
html[dir="rtl"] .car-card-actions,
html[dir="rtl"] .car-card-foot,
html[dir="rtl"] .car-badges{ direction:rtl; }
html[dir="rtl"] .cc-nav-prev{ right:8px; left:auto; }
html[dir="rtl"] .cc-nav-next{ left:8px; right:auto; }

/* Section heads with a link on the far side */
html[dir="rtl"] .section-head{ flex-direction:row-reverse; text-align:right; }

/* Footer grid stays same columns but text/icons align right */
html[dir="rtl"] .ft-contact-item{ flex-direction:row-reverse; text-align:right; }
html[dir="rtl"] .ft-bottom{ flex-direction:row-reverse; }

/* Back to top / floating buttons mirror to the left */
html[dir="rtl"] #backToTop{ right:auto; left:28px; }
html[dir="rtl"] .fab-wa{ right:auto; left:24px; }

/* Sliders / arrows */
html[dir="rtl"] .parr-prev{ right:12px; left:auto; }
html[dir="rtl"] .parr-next{ left:12px; right:auto; }
html[dir="rtl"] .pslider-counter{ left:auto; right:18px; }
html[dir="rtl"] .pslider-dots{ right:auto; left:18px; }

/* Filters sidebar (cars.html) */
html[dir="rtl"] .filters-sidebar,
html[dir="rtl"] .inv-toolbar{ text-align:right; }

/* Numbers/prices should stay LTR even inside RTL text */
html[dir="rtl"] .car-price,
html[dir="rtl"] .detail-price,
html[dir="rtl"] #detail-price{ direction:ltr; unicode-bidi:isolate; display:inline-block; }