/* ==========================================================================
   Saakin - Right-to-Left (Arabic) overrides
   Loaded only when the active locale is Arabic.
   ========================================================================== */

body {
    direction: rtl;
    text-align: right;
}

/* Generic text alignment helpers */
.text-left { text-align: right !important; }
.text-right { text-align: left !important; }

/* Bootstrap float/margin helpers flipped */
.float-start { float: right !important; }
.float-end { float: left !important; }

.me-1, .me-2, .me-3, .me-4, .me-5 { margin-right: 0 !important; }
.me-1 { margin-left: 0.25rem !important; }
.me-2 { margin-left: 0.5rem !important; }
.me-3 { margin-left: 1rem !important; }
.me-4 { margin-left: 1.5rem !important; }
.me-5 { margin-left: 3rem !important; }

.ms-1, .ms-2, .ms-3, .ms-4, .ms-5 { margin-left: 0 !important; }
.ms-1 { margin-right: 0.25rem !important; }
.ms-2 { margin-right: 0.5rem !important; }
.ms-3 { margin-right: 1rem !important; }
.ms-4 { margin-right: 1.5rem !important; }
.ms-5 { margin-right: 3rem !important; }

.ps-1, .ps-2, .ps-3, .ps-4, .ps-5 { padding-left: 0 !important; }
.ps-1 { padding-right: 0.25rem !important; }
.ps-2 { padding-right: 0.5rem !important; }
.ps-3 { padding-right: 1rem !important; }
.ps-4 { padding-right: 1.5rem !important; }
.ps-5 { padding-right: 3rem !important; }

.pe-1, .pe-2, .pe-3, .pe-4, .pe-5 { padding-right: 0 !important; }
.pe-1 { padding-left: 0.25rem !important; }
.pe-2 { padding-left: 0.5rem !important; }
.pe-3 { padding-left: 1rem !important; }
.pe-4 { padding-left: 1.5rem !important; }
.pe-5 { padding-left: 3rem !important; }

/* Lists */
ul, ol { padding-right: 0; }

/* Forms: put icons / text on the correct side */
.form-control,
.form-select,
input,
textarea,
select {
    text-align: right;
}

/* Dropdown menus */
.dropdown-menu { text-align: right; }

/* Navbar links spacing */
.navbar-nav { padding-right: 0; }

/* Keep language switcher readable */
.lang-switcher { direction: ltr; }

/* Property cards / listings alignment */
.property-box,
.main_property_box,
.footer-links,
.site_footer {
    text-align: right;
}

/* Carousels / sliders usually should stay LTR to avoid arrow flip issues */
.owl-carousel,
.swiper,
.slick-slider {
    direction: ltr;
}
