/*--------------------------------------------------------------
# Alshaheen RTL overrides — faq.html only.
# Loaded after assets/css/rtl.css (which is shared/frozen — see that
# file's header comment). Page-unique component fixes only; do not
# add rules here for header/nav/footer/breadcrumb, those already
# live in rtl.css.
--------------------------------------------------------------*/

/* FAQ category tab buttons (.faq-page__tab-box .tab-buttons .tab-btn)
   are inline-block <li>s in source order. Under [dir="rtl"] the browser
   visually reorders same-level inline boxes right-to-left, but a
   physical `margin-left` stays glued to the same box — so the gap ends
   up before the wrong pair of tabs instead of before the one it was
   meant to separate. Same root cause already fixed for
   .thm-breadcrumb li + li in rtl.css; mirrored here for the tab list. */
[dir="rtl"] .faq-page__tab-box .tab-buttons .tab-btn + .tab-btn {
  margin-left: 0;
  margin-right: 5px;
}

/* Accordion question caret (.faq-one-accrodion .accrodion-title h4::before)
   is pinned to `right: 0` in aports.css — i.e. the trailing edge of the
   heading in LTR reading order. In RTL, the trailing edge is the LEFT
   side, so the caret needs to flip there too or it sits at the
   *leading* edge instead, backwards from the LTR convention. Scoped to
   .faq-page__tab-content-box so this doesn't touch the homepage
   neighborhoods accordion, which reuses the same base classes. */
[dir="rtl"] .faq-page__tab-content-box .faq-one-accrodion .accrodion-title h4::before {
  right: auto;
  left: 0;
}