/* === rtl.css — Yalla Books RTL-specific overrides ===
   Logical properties handle 90% of RTL. This file covers edge cases only. */

/* Newsletter form direction on mobile */
[dir="rtl"] .newsletter-form { flex-direction: row-reverse; }
@media (max-width: 700px) {
  [dir="rtl"] .newsletter-form { flex-direction: column; }
}

/* Hero dots already use inset-inline-start in layout.css */

/* Search input text alignment */
[dir="rtl"] .input-pill[type="search"],
[dir="rtl"] .input-pill[placeholder] { text-align: right; }

/* Arrow direction in "see all" links */
/* The PHP template outputs ← or → based on lang, so no CSS override needed. */

/* Category strip scrolls from right */
[dir="rtl"] .cats { direction: rtl; }