/* ==========================================================================
   Qasem Dentistry — RTL Overrides
   Loaded only on index.html (Arabic). en.html does not include this file.
   Most mirroring (image/text order, language switcher corner, borders,
   padding) is already handled by CSS logical properties in layout.css
   and components.css, which flip automatically with dir="rtl".
   This file covers the remaining explicit adjustments Arabic needs.
   ========================================================================== */

html[dir="rtl"] body {
  direction: rtl;
}

/* Arabic script does not render italics meaningfully — the philosophy
   quote uses a color + border treatment instead of italic for emphasis. */
html[dir="rtl"] .philosophy-quote {
  font-style: normal;
}

html[dir="rtl"] .review-card__quote {
  font-style: normal;
}

/* Numerals in the timeline (years) stay LTR even inside an RTL document,
   since 4-digit years read more naturally left-to-right for this audience. */
html[dir="rtl"] .timeline__year {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* FAQ plus/minus icon rotation direction is symmetrical — no change needed,
   kept here as an explicit no-op marker for future maintainers. */
html[dir="rtl"] .faq__question[aria-expanded="true"] .faq__icon {
  transform: rotate(45deg);
}