/*
 * Law Firm Child Theme – RTL Overrides (Arabic-first)
 * Applied when WordPress locale = 'ar' (is_rtl() = true).
 * The main style.css already targets Arabic typography.
 * This file handles directional & mirroring adjustments.
 */

/* ═══════════════════════════════════════════════════════
   BASE DIRECTION
   ═══════════════════════════════════════════════════════ */
html {
	direction: rtl;
	text-align: right;
}

/* ═══════════════════════════════════════════════════════
   TYPOGRAPHY – Arabic primary font
   ═══════════════════════════════════════════════════════ */
body,
p,
li,
span,
td,
th,
label,
input,
textarea,
button,
.btn {
	font-family: 'Tajawal', 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;
	letter-spacing: 0;
}

h1, h2, h3, h4, h5, h6,
.hero-title,
.section-title,
.footer-widget-title,
.footer-site-name {
	font-family: 'Tajawal', 'Cairo', sans-serif;
	font-weight: 800;
	letter-spacing: -0.01em;
}

/* Phone numbers & emails stay LTR */
[href^="tel:"],
[href^="mailto:"],
.rs-contact-phone a,
.footer-contact-list a[href^="tel"] {
	direction: ltr;
	unicode-bidi: isolate;
	display: inline-block;
}

/* Language switcher stays LTR for EN|AR display */
.lang-switcher {
	direction: ltr;
	unicode-bidi: embed;
}

/* ═══════════════════════════════════════════════════════
   HEADER – TOOLBAR
   ═══════════════════════════════════════════════════════ */
#rs-header ul.rs-contact-info {
	direction: rtl;
}

#rs-header .toolbar-actions {
	flex-direction: row;
	justify-content: flex-start;
}

#rs-header .rs-contact-info li i,
#rs-header .rs-contact-info li .fab {
	margin-left: 0.45rem;
	margin-right: 0;
}

/* ═══════════════════════════════════════════════════════
   HEADER – NAVIGATION
   ═══════════════════════════════════════════════════════ */
#rs-header .menu-area .row {
	flex-direction: row;
}

#rs-header nav ul {
	flex-direction: row;
	direction: rtl;
}

#rs-header .site-navigation {
	direction: rtl;
}

/* Mobile drawer: slides from left in RTL */
@media (max-width: 991.98px) {
	.site-navigation.menu-responsive {
		right: auto;
		left: 0;
		transform: translateX(-110%);
		box-shadow: 6px 0 30px rgba(15,28,46,0.15);
	}

	.site-navigation.menu-responsive.is-open {
		transform: translateX(0);
	}

	.site-navigation.menu-responsive ul {
		text-align: right;
	}
}

/* ═══════════════════════════════════════════════════════
   HERO
   ═══════════════════════════════════════════════════════ */
.hero-actions {
	direction: rtl;
}

.hero-scales-deco {
	justify-content: flex-start;
}

.hero-scales-deco svg {
	transform: translateX(-15%) scaleX(-1);
}

/* ═══════════════════════════════════════════════════════
   STATS STRIP
   ═══════════════════════════════════════════════════════ */
.stat-item + .stat-item::before {
	right: auto;
	left: 0;
}

/* ═══════════════════════════════════════════════════════
   SECTION TITLE UNDERLINE – RTL alignment
   ═══════════════════════════════════════════════════════ */
.section-title::after {
	right: 50%;
	left: auto;
	transform: translateX(50%);
}

.section-title.text-start::after,
.faq-header .section-title::after,
.about-content .section-title::after {
	right: 0;
	left: auto;
	transform: none;
}

/* ═══════════════════════════════════════════════════════
   SECTION TAG
   ═══════════════════════════════════════════════════════ */
.section-tag {
	direction: rtl;
}

/* ═══════════════════════════════════════════════════════
   VALUES CARDS
   ═══════════════════════════════════════════════════════ */
.value-card::before {
	background: linear-gradient(270deg, var(--color-gold-dark), var(--color-gold-light));
}

/* ═══════════════════════════════════════════════════════
   ABOUT SECTION
   ═══════════════════════════════════════════════════════ */
.about-grid {
	direction: rtl;
}

.about-content {
	direction: rtl;
	text-align: right;
}

/* Checklist: checkmark on right side */
.checklist li {
	padding-right: 2rem;
	padding-left: 0;
}

.checklist li::before {
	right: 0;
	left: auto;
}

/* About panels: gold border on RIGHT */
.about-panel {
	border-right: 4px solid var(--color-gold);
	border-left: none;
}

.about-panel:hover {
	transform: translateX(4px);
}

/* ═══════════════════════════════════════════════════════
   SERVICES
   ═══════════════════════════════════════════════════════ */
.service-card::after {
	transform-origin: left;
}

.service-link {
	direction: rtl;
}

.service-link i.fa-arrow-left {
	transform: none;
}

/* ═══════════════════════════════════════════════════════
   PROCESS STEPS
   ═══════════════════════════════════════════════════════ */
.process-grid::before {
	right: 12.5%;
	left: 12.5%;
	background: linear-gradient(270deg, var(--color-gold), rgba(196,161,69,0.2));
}

.process-step {
	direction: rtl;
}

/* ═══════════════════════════════════════════════════════
   TEAM SECTION
   ═══════════════════════════════════════════════════════ */
.team-info {
	direction: rtl;
}

/* ═══════════════════════════════════════════════════════
   TESTIMONIALS
   ═══════════════════════════════════════════════════════ */
.testimonial-card {
	direction: rtl;
	text-align: right;
}

.testimonial-stars {
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.testimonial-quote-icon {
	text-align: right;
}

.testimonial-quote-icon i {
	transform: scaleX(-1);
}

.testimonial-author {
	flex-direction: row-reverse;
	justify-content: flex-end;
}

/* ═══════════════════════════════════════════════════════
   FAQ
   ═══════════════════════════════════════════════════════ */
.faq-layout {
	direction: rtl;
}

.faq-header {
	text-align: right;
}

.faq-item summary {
	direction: rtl;
	text-align: right;
	padding-right: 0;
	padding-left: 0;
}

/* The +/× icon should be on the LEFT (start) in RTL */
.faq-item summary {
	flex-direction: row-reverse;
}

.faq-item summary::after {
	order: -1;
}

.faq-answer {
	direction: rtl;
	text-align: right;
}

/* ═══════════════════════════════════════════════════════
   BLOG
   ═══════════════════════════════════════════════════════ */
.blog-card {
	direction: rtl;
	text-align: right;
}

.blog-meta {
	direction: rtl;
}

.blog-category-badge {
	right: 0.75rem;
	left: auto;
}

.blog-read-more i.fa-arrow-left {
	transform: rotate(180deg);
}

/* ═══════════════════════════════════════════════════════
   CTA SECTION
   ═══════════════════════════════════════════════════════ */
.cta-content {
	direction: rtl;
}

.cta-actions {
	direction: rtl;
}

/* ═══════════════════════════════════════════════════════
   OFFICES
   ═══════════════════════════════════════════════════════ */
.law-offices .office {
	border-right: 4px solid var(--color-gold);
	border-left: none;
	text-align: right;
	direction: rtl;
}

/* ═══════════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════════ */
#rs-footer {
	direction: rtl;
	text-align: right;
}

.footer-widget-title::after {
	right: 0;
	left: auto;
}

.footer-social-icons {
	flex-direction: row;
	justify-content: flex-start;
}

.footer-menu a::before {
	content: '‹';
}

.footer-contact-list {
	direction: rtl;
}

.footer-contact-list li {
	flex-direction: row-reverse;
	justify-content: flex-start;
}

.footer-contact-list i {
	order: 1;
}

.footer-bottom-inner {
	flex-direction: row-reverse;
}

/* ═══════════════════════════════════════════════════════
   FLOATING BUTTONS – RTL position (right side)
   ═══════════════════════════════════════════════════════ */
.floating-whatsapp {
	left: auto;
	right: 1.5rem;
}

.back-to-top {
	left: auto;
	right: 1.5rem;
}

/* ═══════════════════════════════════════════════════════
   BUTTONS – icon spacing in RTL
   ═══════════════════════════════════════════════════════ */
.btn i,
.btn .fas,
.btn .fab,
.btn .far {
	order: 1;
}

/* ═══════════════════════════════════════════════════════
   BREADCRUMB
   ═══════════════════════════════════════════════════════ */
.breadcrumb {
	direction: rtl;
	text-align: right;
}

/* ═══════════════════════════════════════════════════════
   MOBILE RESPONSIVE RTL ADJUSTMENTS
   ═══════════════════════════════════════════════════════ */
@media (max-width: 768px) {
	.floating-whatsapp {
		right: 1rem;
		left: auto;
	}

	.back-to-top {
		right: 1rem;
		left: auto;
	}

	.footer-bottom-inner {
		flex-direction: column;
		text-align: center;
	}

	.footer-widget-title::after {
		right: 50%;
		transform: translateX(50%);
	}
}

@media (max-width: 480px) {
	.stats-grid {
		direction: rtl;
	}
}