/* =============================================================
   LCM Centre - RTL Stylesheet (Arabic Support)
   ============================================================= */

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

.rtl body {
    font-family: var(--font-arabic);
}

/* Top Bar */
.rtl .top-bar-info {
    flex-direction: row-reverse;
}

.rtl .lang-switcher {
    border-left: none;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 0;
    padding-right: 20px;
}

@media (max-width: 768px) {
    .rtl .lang-switcher {
        border-right: none;
        padding-right: 0;
    }
}

/* Logo - keep LTR */
.rtl .logo-text {
    text-align: left;
}

/* Heading text alignment */
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 {
    text-align: inherit;
}

/* Hero */
.rtl .hero-content {
    text-align: right;
}

.rtl .hero-shape-1 {
    right: auto;
    left: -100px;
}

.rtl .hero-shape-2 {
    left: auto;
    right: 5%;
}

/* Section Eyebrow */
.rtl .section-eyebrow::before {
    left: auto;
    right: 0;
}

.rtl .section-eyebrow::after {
    right: auto;
    left: 0;
}

/* Service Card */
.rtl .service-card::before {
    left: auto;
    right: 0;
}

/* Footer */
.rtl .footer-links a:hover {
    transform: translateX(-4px);
}

.rtl .footer-links a {
    flex-direction: row;
}

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

/* Numbers and English text in Arabic interface */
.rtl .stat-value,
.rtl .about-experience-num,
.rtl .logo-main {
    direction: ltr;
    unicode-bidi: bidi-override;
    display: inline-block;
}

/* Phone numbers */
.rtl a[href^="tel:"],
.rtl .info-item span:not(:lang(ar)) {
    direction: ltr;
    display: inline-block;
}

/* Email addresses */
.rtl a[href^="mailto:"] {
    direction: ltr;
    display: inline-block;
}

/* Floating Buttons - swap positions */
.rtl .scroll-top {
    right: auto;
    left: 30px;
}

.rtl .whatsapp-float {
    left: auto;
    right: 30px;
}

@media (max-width: 768px) {
    .rtl .scroll-top {
        left: 20px;
    }
    .rtl .whatsapp-float {
        right: 20px;
    }
}

/* Page Breadcrumb */
.rtl .page-breadcrumb {
    flex-direction: row-reverse;
}

/* About Experience Badge */
.rtl .about-experience {
    right: auto;
    left: -30px;
}

@media (max-width: 768px) {
    .rtl .about-experience {
        left: 0;
    }
}

/* Why Feature hover */
.rtl .why-feature:hover {
    transform: translateX(-8px);
}

/* Service link arrow */
.rtl .service-link i.fa-arrow-right::before {
    content: "\f060"; /* fa-arrow-left */
}

/* Footer columns alignment */
.rtl .footer-col {
    text-align: right;
}

.rtl .footer-contact li {
    flex-direction: row;
}

/* Improved Arabic line height */
.rtl p, .rtl .testimonial-text, .rtl .about-content p {
    line-height: 2;
}

.rtl h1, .rtl h2, .rtl h3 {
    line-height: 1.4;
}

/* Section subtitle (inner pages) */
.rtl .section-subtitle::before { left: auto; right: 0; }
.rtl .section-subtitle::after  { right: auto; left: 0; }

/* Breadcrumb nav */
.rtl .breadcrumb-nav { flex-direction: row-reverse; }

/* Floating badge */
.rtl .floating-badge { right: auto; left: -24px; }
@media (max-width: 768px) { .rtl .floating-badge { left: 0; } }

/* Feature items */
.rtl .feature-item { border-left: none; border-right: 3px solid var(--color-accent); }
.rtl .feature-item:hover { transform: translateX(-4px); }

/* Why items hover */
.rtl .why-item:hover { transform: translateY(-6px); }

/* Card link arrow */
.rtl .card-link:hover i { transform: translateX(-4px); }

/* Process items – centered, no directional change needed */

/* Contact form */
.rtl .contact-form input,
.rtl .contact-form textarea { text-align: right; }

/* Clients category title */
.rtl .category-title { flex-direction: row-reverse; }

/* Legal content */
.rtl .legal-content h2 {
    padding-left: 0;
    padding-right: 16px;
    border-left: none;
    border-right: 4px solid var(--color-accent);
}
.rtl .legal-content ul { padding-left: 0; padding-right: 24px; }

/* Page header section breadcrumb */
.rtl .page-header-section .breadcrumb { flex-direction: row-reverse; }