/* ==========================================================================
   RTL layer — loaded only for Arabic. app.css already uses logical
   properties; this file only handles what logical properties cannot.
   ========================================================================== */

/* Directional icons point the other way */
[dir="rtl"] .flip-rtl,
[dir="rtl"] .i-dir { transform: scaleX(-1); }

/* Numbers, phones, prices and links stay left-to-right inside Arabic text */
[dir="rtl"] .ltr,
[dir="rtl"] .phone,
[dir="rtl"] .slug-preview,
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"] { direction: ltr; }
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"] { text-align: right; }
[dir="rtl"] .input-group-ltr input,
[dir="rtl"] .phone-group input { text-align: left; }

/* Horizontal scrollers start from the right edge */
[dir="rtl"] .tabs { direction: rtl; }

/* Arabic reads better slightly larger in dense UI */
[dir="rtl"] .badge { font-size: .8rem; }
[dir="rtl"] .bottom-link { font-size: .74rem; }
[dir="rtl"] .chart-label { font-size: .72rem; }