/*
 * RTL overrides — loaded only on right-to-left markets (Arabic, /ae/).
 * main.css is written LTR; this file mirrors direction-dependent rules.
 */
:root {
    --font-heading: 'Tajawal', 'Plus Jakarta Sans', -apple-system, 'Segoe UI', Tahoma, sans-serif;
    --font-body: 'Tajawal', 'Inter', -apple-system, 'Segoe UI', Tahoma, sans-serif;
}

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

/* Arabic script needs a little more line height and no letter spacing. */
html[dir="rtl"] body,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6,
html[dir="rtl"] .btn, html[dir="rtl"] button {
    letter-spacing: 0 !important;
}
html[dir="rtl"] p, html[dir="rtl"] li {
    line-height: 1.85;
}

/* Elements that are explicitly centered keep their alignment. */
html[dir="rtl"] .text-center,
html[dir="rtl"] .section-header,
html[dir="rtl"] .section-title,
html[dir="rtl"] .section-subtitle {
    text-align: center;
}

/* Inputs: typed text flows RTL, but e-mail / phone / URLs stay LTR. */
html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select {
    text-align: right;
}
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"] {
    direction: ltr;
    text-align: right;
}

/* Directional icons (arrows / chevrons) point the other way. */
html[dir="rtl"] .fa-arrow-right, html[dir="rtl"] .fa-arrow-left,
html[dir="rtl"] .fa-chevron-right, html[dir="rtl"] .fa-chevron-left,
html[dir="rtl"] .fa-angle-right, html[dir="rtl"] .fa-angle-left,
html[dir="rtl"] .fa-long-arrow-right, html[dir="rtl"] .fa-long-arrow-alt-right,
html[dir="rtl"] .fa-arrow-right-long, html[dir="rtl"] .fa-circle-arrow-right {
    transform: scaleX(-1);
}

/* Lists */
html[dir="rtl"] ul, html[dir="rtl"] ol {
    padding-right: 1.25em;
    padding-left: 0;
}
html[dir="rtl"] ul[class], html[dir="rtl"] ol[class] {
    padding-right: 0;
}

/* Prices, numbers and Latin brand names inside Arabic text keep LTR order. */
html[dir="rtl"] .stat-number, html[dir="rtl"] .table-price, html[dir="rtl"] .table-high-price,
html[dir="rtl"] .price, html[dir="rtl"] [class*="price"] .amount,
html[dir="rtl"] code, html[dir="rtl"] kbd {
    direction: ltr;
    unicode-bidi: isolate;
}