/* ============================================
   OryxBit RTL Styles - Arabic Language Support
   ============================================ */

html[dir="rtl"] { direction: rtl; }
body.rtl { 
    text-align: right;
    font-family: 'Tajawal', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Navigation RTL */
.rtl .nav-links { flex-direction: row-reverse; }
.rtl .nav-cta { flex-direction: row-reverse; }
.rtl .logo { flex-direction: row-reverse; }
.rtl .nav-links a::after { left: auto; right: 0; }

/* Buttons RTL */
.rtl .btn { flex-direction: row-reverse; }

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

/* Service Cards RTL */
.rtl .service-features li { flex-direction: row-reverse; }
.rtl .service-features li::before { margin-left: 10px; margin-right: 0; }

/* Why Section RTL */
.rtl .why-grid { direction: rtl; }
.rtl .why-feature { flex-direction: row-reverse; text-align: right; }
.rtl .why-feature > div { text-align: right; }
.rtl .floating-card-1 { right: auto; left: 0; }
.rtl .floating-card-2 { left: auto; right: 0; }

/* Process Section RTL */
.rtl .process-timeline { direction: rtl; }
.rtl .process-step { text-align: right; }

/* Contact Section RTL */
.rtl .contact-wrapper { direction: rtl; }
.rtl .contact-info { text-align: right; }
.rtl .contact-item { flex-direction: row-reverse; text-align: right; }
.rtl .contact-item-text { text-align: right; }
.rtl .contact-form { text-align: right; }
.rtl .form-row { direction: rtl; }
.rtl .form-group { text-align: right; }
.rtl input, .rtl textarea, .rtl select { text-align: right; direction: rtl; }

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

/* Tech Grid RTL */
.rtl .tech-grid { direction: rtl; }

/* Language Dropdown RTL */
.rtl .lang-dropdown { right: auto; left: 0; }
.rtl .lang-option { flex-direction: row-reverse; }

/* Responsive RTL */
@media (max-width: 768px) {
    .rtl .hero-buttons { flex-direction: column; }
    .rtl .hero-stats { flex-direction: row; flex-wrap: wrap; }
    .rtl .footer-content { flex-direction: column; }
    .rtl .footer-links { flex-direction: row; flex-wrap: wrap; justify-content: center; }
    .rtl .nav-cta { flex-direction: row-reverse; }
}