/* ==========================================================================
   HourZero RTL overrides — loaded ONLY on Arabic (dir="rtl") pages.
   The base stylesheet already uses CSS logical properties (margin-inline,
   padding-inline, inset-inline-start, etc.) so most layout mirrors
   automatically. Only add rules here for cases logical properties cannot
   handle on their own.
   ========================================================================== */

/* Ensure explicit direction on the two grid containers so nested text nodes
   and inline content also read right-to-left when CSS logical properties
   are not yet sufficient in all target browsers. */
.hero__grid,
.privacy-deep__grid {
  direction: rtl;
}

/* The FAQ question button uses flex; the chevron/icon is positioned via
   logical properties in the base sheet, but the label/icon reading order
   follows `dir` automatically — no extra rule needed for the icon.
   This rule keeps the row direction consistent with dir="rtl". */
.faq__q {
  flex-direction: row;
}