/* RTL and Arabic Styles - Only apply when HTML dir="rtl" */

html[dir="rtl"] body {
    font-family: 'Cairo', sans-serif;
}

/* Navbar RTL */
html[dir="rtl"] .navbar-container {
    flex-direction: row-reverse;
}

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

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

/* Hero Section RTL */
html[dir="rtl"] .hero-content h1 {
    direction: rtl;
}

html[dir="rtl"] .hero-content p {
    direction: rtl;
}

html[dir="rtl"] .hero-cta {
    direction: rtl;
}

/* Services Grid RTL */
html[dir="rtl"] .services-grid {
    direction: rtl;
}

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

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

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

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

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

html[dir="rtl"] .service-btn {
    align-self: flex-end;
}

/* Enterprise Cards RTL */
html[dir="rtl"] .enterprise-card .deliverable {
    direction: rtl;
    text-align: right;
}

/* Timeline RTL */
html[dir="rtl"] .timeline {
    flex-direction: row-reverse;
    direction: rtl;
}

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

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

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

html[dir="rtl"] .timeline-arrow {
    transform: rotate(-90deg);
}

/* How It Works RTL */
html[dir="rtl"] .how-it-works h2 {
    text-align: right;
}

/* Pricing Section RTL */
html[dir="rtl"] .pricing-section h2 {
    text-align: right;
}

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

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

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

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

/* Contact Section RTL */
html[dir="rtl"] .contact-section h2 {
    text-align: right;
}

html[dir="rtl"] .contact-section .contact-subtitle {
    text-align: right;
    direction: rtl;
}

html[dir="rtl"] .contact-form {
    direction: rtl;
}

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

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

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

html[dir="rtl"] .contact-info a {
    display: inline;
}

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

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

html[dir="rtl"] .footer-section ul li a {
    text-align: right;
}

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

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

/* Language Toggle RTL */
html[dir="rtl"] .lang-toggle {
    flex-direction: row-reverse;
}

/* Form Message RTL */
html[dir="rtl"] .form-message {
    text-align: center;
    direction: rtl;
}

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

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

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

    html[dir="rtl"] .timeline-arrow {
        transform: rotate(90deg);
    }

    html[dir="rtl"] .footer-content {
        direction: rtl;
    }
}