/* ==========================================================================
   El Mouradi — Right-to-left (Arabic) overrides.
   Loaded only when the active language is Arabic (body.villa-rtl / dir="rtl").
   The site uses plain Bootstrap 5 (not the RTL bundle), so directional
   utilities are flipped here.
   ========================================================================== */

.villa-rtl,
.villa-rtl body {
	direction: rtl;
	text-align: right;
}

/* Arabic typography */
.villa-rtl body,
.villa-rtl p,
.villa-rtl li,
.villa-rtl h1,
.villa-rtl h2,
.villa-rtl h3,
.villa-rtl h4,
.villa-rtl .plus-jakarta-sans,
.villa-rtl .oswald-regular,
.villa-rtl .oswald-bold {
	font-family: 'Sakkal Majalla', 'Plus Jakarta Sans', sans-serif;
}

/* --- Text alignment ------------------------------------------------------ */
.villa-rtl .text-end { text-align: left !important; }
.villa-rtl .text-start { text-align: right !important; }
.villa-rtl .text-md-end,
.villa-rtl .text-lg-end { text-align: left !important; }
.villa-rtl .text-lg-start { text-align: right !important; }

/* --- Margins (logical flip of Bootstrap ms-/me- helpers) ----------------- */
.villa-rtl .ms-auto { margin-left: 0 !important; margin-right: auto !important; }
.villa-rtl .me-auto { margin-right: 0 !important; margin-left: auto !important; }
.villa-rtl .ms-1 { margin-left: 0 !important; margin-right: .25rem !important; }
.villa-rtl .ms-2 { margin-left: 0 !important; margin-right: .5rem !important; }
.villa-rtl .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }
.villa-rtl .me-1 { margin-right: 0 !important; margin-left: .25rem !important; }
.villa-rtl .me-2 { margin-right: 0 !important; margin-left: .5rem !important; }
.villa-rtl .me-3 { margin-right: 0 !important; margin-left: 1rem !important; }

/* --- Padding (logical flip of Bootstrap ps-/pe- helpers) ----------------- */
.villa-rtl .ps-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
.villa-rtl .pe-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
.villa-rtl .ps-5 { padding-left: 0 !important; padding-right: 3rem !important; }
.villa-rtl .pe-5 { padding-right: 0 !important; padding-left: 3rem !important; }

@media (min-width: 992px) {
	.villa-rtl .ps-lg-5 { padding-left: 0 !important; padding-right: 3rem !important; }
	.villa-rtl .pe-lg-5 { padding-right: 0 !important; padding-left: 3rem !important; }
	/* Bootstrap column offsets shift content the wrong way in RTL. */
	.villa-rtl .offset-lg-1 { margin-left: 0; margin-right: 8.33333333%; }
}

/* --- Floats -------------------------------------------------------------- */
.villa-rtl .float-end { float: left !important; }
.villa-rtl .float-start { float: right !important; }
.villa-rtl .ml-auto { margin-left: 0 !important; margin-right: auto !important; }

/* --- Navbar / language switcher ------------------------------------------ */
.villa-rtl .navbar-nav { padding-right: 0; }
.villa-rtl .villa-lang-switcher { direction: ltr; } /* keep FR | EN | عربي order stable */

/* --- Prices / numbers stay left-to-right --------------------------------- */
.villa-rtl .product-price,
.villa-rtl .cure-pricing .col-4,
.villa-rtl .cart-total,
.villa-rtl sup {
	direction: ltr;
	unicode-bidi: isolate;
}

/* --- Carousel controls swap direction ------------------------------------ */
.villa-rtl .carousel-control-prev { right: 0; left: auto; }
.villa-rtl .carousel-control-next { left: 0; right: auto; }

/* --- Bordered list bullets / accordion ----------------------------------- */
.villa-rtl ul.list-points,
.villa-rtl ul.spa { padding-right: 1.1rem; padding-left: 0; }
.villa-rtl .accordion-button::after { margin-left: 0; margin-right: auto; }