/* Right-to-left overrides for Arabic. Linked only when <html dir="rtl">.
   The base theme is LTR (Bootstrap-derived); dir="rtl" flips text flow
   automatically, and these rules mirror the specific pieces that are pinned
   to a physical side (left/right) in the theme's CSS. */

/* Header language switcher — anchor the pill spacing and dropdown to the
   opposite side (base rules live in partials/lang-switcher.php). */
[dir="rtl"] .rtk_lang { margin-right: 0; margin-left: 16px; }
[dir="rtl"] .rtk_lang_menu { right: auto; left: 0; }
[dir="rtl"] .cs_btn.cs_style_1 i { margin-left: 0; margin-right: 8px; }

/* About feature list — theme sets `li { padding-left: 38px }` with the icon
   absolutely positioned at `left: 0`. Mirror both. */
[dir="rtl"] .cs_list.cs_style_1 li { padding-left: 0; padding-right: 38px; }
[dir="rtl"] .cs_list.cs_style_1 li .cs_list_icon { left: auto; right: 0; }

/* Contact form column — theme sets `.cs_pl_75 { padding-left: 75px }` with
   responsive step-downs (25px ≤1400px, 0 ≤991px). Mirror to the right. */
[dir="rtl"] .cs_pl_75 { padding-left: 0; padding-right: 75px; }
@media (max-width: 1400px) { [dir="rtl"] .cs_pl_75 { padding-right: 25px; } }
@media (max-width: 991px)  { [dir="rtl"] .cs_pl_75 { padding-right: 0; } }

/* Form inputs read right-to-left. */
[dir="rtl"] .cs_form_field { text-align: right; }

/* Keep the centered heading/breadcrumb centered under RTL. */
[dir="rtl"] .cs_section_heading.text-center,
[dir="rtl"] .cs_page_heading.text-center { text-align: center; }