/* === rtl.css — RTL Support for Arabic === */

      /* ============================================================
       RTL SUPPORT — Arabic
       ============================================================ */
      html[dir="rtl"] body {
        font-family: var(--font-ar);
        text-align: right;
        letter-spacing: 0;
      }
      html[dir="rtl"] .hero h1,
      html[dir="rtl"] .section-title,
      html[dir="rtl"] .cta-section h2 {
        font-family: var(--font-ar);
        letter-spacing: 0;
        line-height: 1.35;
      }
      html[dir="rtl"] .hero h1 {
        font-size: clamp(2rem, 4.5vw, 3.2rem);
      }
      html[dir="rtl"] .logo-text {
        letter-spacing: 0.05em;
      }
      html[dir="rtl"] .section-label {
        letter-spacing: 0.02em;
      }
      html[dir="rtl"] .section-subtitle,
      html[dir="rtl"] .hero-description,
      html[dir="rtl"] .cta-subtitle {
        line-height: 1.9;
      }

      /* Nav RTL */
      html[dir="rtl"] .nav-inner {
        flex-direction: row-reverse;
      }
      html[dir="rtl"] .nav-links {
        flex-direction: row-reverse;
      }
      html[dir="rtl"] .nav-right {
        flex-direction: row-reverse;
      }
      html[dir="rtl"] .nav-links a::after {
        left: auto;
        right: 0;
      }

      /* Hero RTL */
      html[dir="rtl"] .hero-content {
        text-align: right;
      }
      html[dir="rtl"] .hero-buttons {
        justify-content: flex-start;
      }
      html[dir="rtl"] .hero-stats {
        justify-content: flex-start;
      }
      html[dir="rtl"] .hero-stat {
        text-align: right;
      }
      html[dir="rtl"] .btn {
        flex-direction: row-reverse;
      }
      html[dir="rtl"] .btn svg {
        transform: scaleX(-1);
      }

      /* Cards RTL */
      html[dir="rtl"] .service-card,
      html[dir="rtl"] .ai-feature-card,
      html[dir="rtl"] .project-card__body,
      html[dir="rtl"] .pricing-card {
        text-align: right;
      }
      html[dir="rtl"] .feature-list-item,
      html[dir="rtl"] .pricing-feature {
        flex-direction: row-reverse;
        text-align: right;
      }
      html[dir="rtl"] .contact-info-item {
        flex-direction: row-reverse;
        text-align: right;
      }
      html[dir="rtl"] .contact-info-item > div {
        text-align: right;
      }
      html[dir="rtl"] .tech-tags {
        direction: rtl;
      }

      /* Process RTL */
      html[dir="rtl"] .process-timeline {
        padding-left: 0;
        padding-right: 60px;
      }
      html[dir="rtl"] .process-timeline::before {
        left: auto;
        right: 23px;
      }
      html[dir="rtl"] .step-number {
        left: auto;
        right: -60px;
      }
      html[dir="rtl"] .process-step {
        text-align: right;
      }
      html[dir="rtl"] .duration-badge {
        flex-direction: row-reverse;
      }

      /* Projects RTL */
      html[dir="rtl"] .project-filters {
        direction: rtl;
      }
      html[dir="rtl"] .project-card__tech-stack {
        direction: rtl;
      }
      html[dir="rtl"] .project-card__link {
        flex-direction: row-reverse;
      }

      /* Form RTL */
      html[dir="rtl"] .form-group label {
        text-align: right;
      }
      html[dir="rtl"] .form-group input,
      html[dir="rtl"] .form-group textarea {
        text-align: right;
      }
      html[dir="rtl"] .check-item {
        flex-direction: row-reverse;
      }

      /* Centered sections stay centered in RTL */
      html[dir="rtl"] .section-header,
      html[dir="rtl"] .cta-section,
      html[dir="rtl"] .team-card,
      html[dir="rtl"] .stat-card,
      html[dir="rtl"] .clients-title {
        text-align: center;
      }
      html[dir="rtl"] .team-expertise {
        justify-content: center;
      }

      /* Mobile menu RTL */
      html[dir="rtl"] .mobile-menu {
        right: auto;
        left: -100%;
        border-left: none;
        border-right: 1px solid rgba(255, 255, 255, 0.05);
      }
      html[dir="rtl"] .mobile-menu.open {
        left: 0;
      }
      html[dir="rtl"] .mobile-menu a {
        text-align: right;
      }

      /* Footer RTL */
      html[dir="rtl"] .footer-inner {
        direction: rtl;
      }
      html[dir="rtl"] .footer-bottom {
        direction: rtl;
      }
      html[dir="rtl"] .footer-tagline {
        text-align: right;
      }
      html[dir="rtl"] .footer-sub {
        text-align: right;
      }
      html[dir="rtl"] .footer-ai-badge {
        flex-direction: row-reverse;
      }
      html[dir="rtl"] .ai-metric-badge {
        flex-direction: row-reverse;
      }