/* ============================================================
   ShareWapp RTL (right-to-left) overrides
   Loaded only when the active language has is_rtl = 1 (e.g. Arabic).
   Most layout (flexbox rows, text alignment) already mirrors
   automatically via the html[dir="rtl"] attribute — this file only
   overrides the specific spots that use LEFT/RIGHT-fixed positioning
   or physical (not logical) CSS properties that don't auto-flip.
   ============================================================ */

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

/* Language switcher dropdown opens to the left in RTL instead of the right */
[dir="rtl"] .lang-switcher-menu{
  right:auto;
  left:0;
}

/* Mobile menu + language rows */
[dir="rtl"] .mobile-menu-panel a,
[dir="rtl"] .mobile-lang-row{
  text-align:right;
}

/* Search box: country dropdown + input + button already flex — mirrors
   automatically, but the search icon inside the button needs no margin
   changes since it uses gap-based spacing already */
[dir="rtl"] .search-box{
  direction:rtl;
}

/* How-it-works arrows between steps should point the other way in RTL */
[dir="rtl"] .hiw-arrow i{
  transform:scaleX(-1);
}

/* Card/step numbering and icons stay centered, no change needed —
   but any leftover hardcoded "float" usage is neutralized as a safety net */
[dir="rtl"] [style*="float:left"]{float:right !important;}
[dir="rtl"] [style*="float:right"]{float:left !important;}

/* Footer grid, benefit cards, testimonial cards, category grid — all use
   CSS Grid/Flexbox without hardcoded left/right, so they mirror natively.
   Table cells with text-align:left in inline styles (admin panel is not
   RTL-enabled, this only applies to the public site) */
[dir="rtl"] table th,
[dir="rtl"] table td{
  text-align:right;
}

/* Icon-first buttons/links using a literal space before text already
   read correctly right-to-left since the browser reorders inline content;
   this rule only fixes components that used an explicit margin instead */
[dir="rtl"] .btn i.ti{
  margin-left:6px;
  margin-right:0;
}

/* Consent banner + testimonial stars/quote marks stay visually centered
   or naturally mirrored — no override needed. Toast/alert boxes: */
[dir="rtl"] .consent-banner-text i{
  margin-right:0;
  margin-left:4px;
}