/* RTL (Right-to-Left) Support for Hebrew */

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

/* Navigation RTL */
body.rtl .nav-menu {
    flex-direction: row-reverse;
}

body.rtl .nav-link::after {
    left: auto;
    right: 0;
}

/* Hero Section RTL */
body.rtl .hero-stats {
    flex-direction: row-reverse;
}

/* About Section RTL */
body.rtl .expertise-areas li {
    padding-left: 0;
    padding-right: var(--spacing-lg);
}

body.rtl .expertise-areas li::before {
    left: auto;
    right: 0;
}

/* Services Section RTL */
body.rtl .services-grid {
    direction: rtl;
}

/* Projects Section RTL */
body.rtl .project-filters {
    flex-direction: row-reverse;
}

body.rtl .projects-grid {
    direction: rtl;
}


/* Contact Section RTL */
body.rtl .contact-info {
    flex-direction: row-reverse;
}

/* Footer RTL */
body.rtl .footer-content {
    flex-direction: row-reverse;
}

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

/* Language Switcher RTL */
body.rtl .language-switcher {
    left: var(--spacing-lg);
    right: auto;
}

/* Modal RTL */
body.rtl .modal-header {
    flex-direction: row-reverse;
}

body.rtl .project-links {
    flex-direction: row-reverse;
}

/* Project Modal Content RTL */
body.rtl .project-modal .modal-body,
body.rtl .project-modal .project-description,
body.rtl .project-modal .project-details,
body.rtl .project-modal .project-details h3,
body.rtl .project-modal .project-features,
body.rtl .project-modal .project-features h3,
body.rtl .project-modal .project-features ul,
body.rtl .project-modal .project-features li,
body.rtl .project-modal .project-screenshots,
body.rtl .project-modal .project-screenshots h3,
body.rtl .project-modal .project-links,
body.rtl .project-modal .project-links h3,
body.rtl .project-modal .project-testimonial,
body.rtl .project-modal .project-testimonial h3,
body.rtl .project-modal .project-testimonial p,
body.rtl .project-modal .tech-stack,
body.rtl .project-modal .links-container {
    text-align: right;
}

/* Contact Form RTL */
body.rtl .contact-form,
body.rtl .contact-form .form-group,
body.rtl .contact-form label,
body.rtl .contact-form input,
body.rtl .contact-form textarea,
body.rtl .contact-form button {
    text-align: right;
}

/* Responsive RTL */
@media (max-width: 768px) {
    body.rtl .hero-stats {
        flex-direction: column;
    }
    
    body.rtl .contact-info {
        flex-direction: column;
    }
    
    body.rtl .footer-content {
        flex-direction: column;
    }
    
    body.rtl .language-switcher {
        left: var(--spacing-md);
        right: auto;
    }
}