/* RTL (Right-to-Left) Styles for Arabic Version */

/* Base RTL settings */
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Typography - Arabic Font */
html[dir="rtl"] body {
    font-family: 'Cairo', 'Inter', sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    font-family: 'Cairo', 'Outfit', sans-serif;
}

/* Header */
html[dir="rtl"] .header-content {
    flex-direction: row-reverse;
}

html[dir="rtl"] .nav-links {
    flex-direction: row-reverse;
}

html[dir="rtl"] .header-actions {
    flex-direction: row-reverse;
}

html[dir="rtl"] #theme-toggle {
    margin-left: 0;
    margin-right: 10px;
}

/* Hero Section */
html[dir="rtl"] .hero-split {
    flex-direction: row-reverse;
}

html[dir="rtl"] .hero-text {
    text-align: right;
}

html[dir="rtl"] .hero-actions {
    justify-content: flex-start;
}

/* Stats Grid */
html[dir="rtl"] .stats-grid {
    direction: rtl;
}

/* Service Cards */
html[dir="rtl"] .service-card {
    text-align: right;
}

html[dir="rtl"] .grid-3 {
    direction: rtl;
}

/* Accordion */
html[dir="rtl"] .accordion-header {
    flex-direction: row-reverse;
    text-align: right;
}

html[dir="rtl"] .accordion-header .icon {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .accordion-content {
    text-align: right;
}

/* Feature Split */
html[dir="rtl"] .feature-split {
    flex-direction: row-reverse;
}

html[dir="rtl"] .feature-content {
    text-align: right;
}

/* Footer */
html[dir="rtl"] .footer-grid {
    direction: rtl;
}

html[dir="rtl"] .footer-col {
    text-align: right;
}

html[dir="rtl"] .footer-links {
    padding-right: 0;
}

/* Contact Page */
html[dir="rtl"] .contact-grid {
    direction: rtl;
}

html[dir="rtl"] .contact-info-card {
    text-align: right;
}

html[dir="rtl"] .form-group {
    text-align: right;
}

html[dir="rtl"] .form-group input,
html[dir="rtl"] .form-group select,
html[dir="rtl"] .form-group textarea {
    text-align: right;
}

/* Careers Page */
html[dir="rtl"] .job-header {
    flex-direction: row-reverse;
}

html[dir="rtl"] .job-meta {
    flex-direction: row-reverse;
}

html[dir="rtl"] .job-card {
    text-align: right;
}

html[dir="rtl"] .job-requirements li {
    padding-left: 0;
    padding-right: 24px;
}

html[dir="rtl"] .job-requirements li:before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .benefits-grid {
    direction: rtl;
}

html[dir="rtl"] .benefit-card {
    text-align: center;
}

/* Privacy Page */
html[dir="rtl"] .privacy-content {
    text-align: right;
}

html[dir="rtl"] .privacy-section ul {
    margin-left: 0;
    margin-right: 20px;
}

/* Services Page */
html[dir="rtl"] .service-grid-detail {
    direction: rtl;
}

html[dir="rtl"] .detail-card {
    text-align: right;
}

/* Buttons */
html[dir="rtl"] .btn {
    direction: ltr;
}

/* Logo Marquee */
html[dir="rtl"] .marquee-track {
    animation-direction: reverse;
}

/* Mobile Menu */
html[dir="rtl"] .mobile-toggle {
    order: -1;
}

html[dir="rtl"] .nav-menu {
    right: auto;
    left: 0;
    text-align: right;
}

/* CTA Box */
html[dir="rtl"] .cta-box {
    text-align: center;
}

/* Comparison Section */
html[dir="rtl"] .comparison-grid {
    direction: rtl;
}

html[dir="rtl"] .comparison-list li {
    flex-direction: row-reverse;
    text-align: right;
}

/* Language Switcher */
.lang-switch {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    color: var(--color-text-main);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-left: 10px !important;
    /* margin-right: 10px; */
}

.lang-switch:hover {
    border-color: var(--color-primary);
    background: var(--color-primary-glow);
}

html[dir="rtl"] .lang-switch {
    margin-left: 0;
    margin-right: 10px;
}

/* Responsive RTL Adjustments */
@media (max-width: 768px) {
    html[dir="rtl"] .hero-split {
        flex-direction: column;
    }

    html[dir="rtl"] .feature-split {
        flex-direction: column;
    }

    html[dir="rtl"] .nav-menu {
        text-align: center;
    }

    html[dir="rtl"] .footer-grid {
        text-align: center;
    }

    html[dir="rtl"] .footer-col {
        text-align: center;
    }
}