﻿/* Arabic (/ar/) pages - loaded after style.css and the page stylesheet.
   style.css already handles body.rtl direction; this adds the Arabic font
   and flips the few left/right-specific details. */

body.rtl,
body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4,
body.rtl p, body.rtl a, body.rtl span, body.rtl li,
body.rtl small, body.rtl strong, body.rtl button {
	font-family: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
	letter-spacing: 0; /* letter-spacing breaks Arabic letter joining */
}

/* Keep the Latin brand name in the logo font */
body.rtl .logo-text strong,
body.rtl .logo-text small {
	font-family: "Cinzel", serif;
}

body.rtl h1, body.rtl h2 {
	line-height: 1.5;
}

/* Contact page uses an h1 in the section heading; match the h2 look */
.section-heading h1 {
	font-size: clamp(30px, 4vw, 48px);
	margin: 12px 0 0;
	color: var(--wp-black);
}

body.rtl p {
	line-height: 1.95;
}

/* Language switch link in the nav */
.lang-switch {
	font-weight: 700;
	border: 1px solid rgba(212,175,55,.45);
}

/* Floating buttons move to the left in RTL */
body.rtl .floating-social {
	right: auto;
	left: 22px;
}

@media (max-width: 768px) {
	body.rtl .floating-social {
		left: 14px;
	}
}

/* Icon spacing */
body.rtl .verified-guest i,
body.rtl .reel-views i {
	margin-right: 0;
	margin-left: 6px;
}

body.rtl .btn i,
body.rtl .wp-btn i {
	margin-left: 6px;
}

/* The testimonials slider scrolls with scrollLeft, so keep its track LTR and the cards RTL */
body.rtl .testimonials-slider {
	direction: ltr;
}

body.rtl .testimonial-card {
	direction: rtl;
}

/* Popup close button */
body.rtl .web-popup-close {
	right: auto;
	left: 14px;
}

body.rtl .reel-content h3::before {
	content: '✦ ';
}

body.rtl .phone-ltr {
	direction: ltr;
	unicode-bidi: embed;
	display: inline-block;
}
