/* ============================================================
   RTL + Arabic overrides for the public website (frontend).
   Loaded only when locale is RTL.
   ============================================================ */

body { direction: rtl; text-align: right; font-family: var(--ms-font, 'Tajawal', sans-serif); }
h1,h2,h3,h4,h5,h6,p,a,span,button,input,textarea,select,li,label,.btn {
    font-family: var(--ms-font, 'Tajawal', sans-serif);
}

/* ---- Floats / alignment ---- */
.float-left { float: right !important; }
.float-right { float: left !important; }
.text-left { text-align: right !important; }
.text-right { text-align: left !important; }

/* ---- Bootstrap spacing flips ---- */
.ml-1{margin-left:0!important;margin-right:.25rem!important}
.ml-2{margin-left:0!important;margin-right:.5rem!important}
.ml-3{margin-left:0!important;margin-right:1rem!important}
.mr-1{margin-right:0!important;margin-left:.25rem!important}
.mr-2{margin-right:0!important;margin-left:.5rem!important}
.mr-3{margin-right:0!important;margin-left:1rem!important}
.me-1{margin-right:0!important;margin-left:.25rem!important}
.me-2{margin-right:0!important;margin-left:.5rem!important}
.me-3{margin-right:0!important;margin-left:1rem!important}
.ms-1{margin-left:0!important;margin-right:.25rem!important}
.ms-2{margin-left:0!important;margin-right:.5rem!important}
.ms-3{margin-left:0!important;margin-right:1rem!important}

/* ---- Navigation / menu ---- */
.main-menu ul li { float: right; }
.header-right, .header__right { float: left; }
.navbar-nav { padding-right: 0; }

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

/* ---- Pull / order helpers ---- */
.ml-auto { margin-right: auto !important; margin-left: 0 !important; }
.mr-auto { margin-left: auto !important; margin-right: 0 !important; }

/* ---- Icons spacing in buttons ---- */
.btn i { margin-left: .4rem; margin-right: 0; }

/* ---- Forms ---- */
input, textarea, select { text-align: right; }