/* =========================================================================
   WoWBoost — RTL overrides (loaded only for Arabic / dir="rtl")
   Flexbox and text alignment auto-flip under dir=rtl; this file fixes the
   physical-property bits (fixed rail, positioned badges, physical borders/
   margins) and applies an Arabic font.
   ========================================================================= */

/* Arabic-capable font */
[dir="rtl"] body,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] button,
[dir="rtl"] select { font-family: "Noto Sans Arabic", var(--font); }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4,
[dir="rtl"] .btn, [dir="rtl"] .site-brand, [dir="rtl"] .primary-nav a,
[dir="rtl"] .store-card__name, [dir="rtl"] .deal__name, [dir="rtl"] .top-pick__name,
[dir="rtl"] .cat-chip, [dir="rtl"] .eyebrow { font-family: "Noto Sans Arabic", var(--font-head); }

/* Arabic glyphs are taller than the Latin font: the default tight heading
   line-height (1.15) makes the highlighted .mark background box overlap the
   line above. Give Arabic headings more room, extra for the large hero H1. */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 { line-height: 1.45; }
[dir="rtl"] .hero__grid h1 { line-height: 1.7; }

/* Left game rail → right side */
[dir="rtl"] .game-rail { left: auto; right: 0; border-right: 0; border-left: 1px solid var(--border); }
[dir="rtl"] body.has-rail { padding-left: 0; padding-right: 76px; }
@media (max-width: 1000px) { [dir="rtl"] body.has-rail { padding-right: 0; } }

/* Nav pushes to the (visual) left in RTL */
[dir="rtl"] .primary-nav { margin-left: 0; margin-right: auto; }
[dir="rtl"] .header-cta { margin-left: 0; margin-right: 8px; }
[dir="rtl"] .lang-switch { margin-left: 0; margin-right: 12px; }

/* Positioned badges flip to the right edge */
[dir="rtl"] .featured-badge,
[dir="rtl"] .deal__badge,
[dir="rtl"] .top-pick__tag { left: auto; right: 26px; }

/* Physical borders → mirror */
[dir="rtl"] .disclosure { border-left: 1px solid var(--border); border-right: 4px solid var(--primary); }
[dir="rtl"] .verified-badge { margin-left: 0; margin-right: 6px; }

/* Pillar number divider */
[dir="rtl"] .pillar__num::after { margin-left: 0; margin-right: 12px; }

/* Cookie banner → right */
[dir="rtl"] .cookie-banner { left: auto; right: 24px; }
@media (max-width: 600px) { [dir="rtl"] .cookie-banner { left: 16px; right: 16px; } }

/* Prose lists get RTL padding */
[dir="rtl"] .prose ul, [dir="rtl"] .prose ol { padding-left: 0; padding-right: 20px; }

/* Store card mobile grid: keep logo aligned to start */
@media (max-width: 760px) {
  [dir="rtl"] .store-card__logo { justify-content: flex-start; }
}

/* Related-store rating + inline groups stay visually consistent */
[dir="rtl"] .rating-inline { direction: rtl; }
[dir="rtl"] .stars, [dir="rtl"] .promo__code, [dir="rtl"] .code-cell { direction: ltr; unicode-bidi: embed; }