/* RTL Support for Arabic Language */

/* Base RTL styles */
.rtl {
  direction: rtl;
  text-align: right;
}

.rtl body {
  font-family: 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Modern Arabic Typography */
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 {
  font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 600;
}

.rtl p {
  font-family: 'Cairo', 'Inter', sans-serif;
  line-height: 1.8;
}

/* Navigation RTL */
.rtl .site-nav .site-menu {
  text-align: right;
}

.rtl .site-nav .site-menu > li > a {
  text-align: right;
  font-family: 'Cairo', sans-serif;
  font-weight: 500;
}

.rtl .site-nav .site-menu .dropdown {
  right: 0;
  left: auto;
  text-align: right;
}

.rtl .site-nav .site-menu .has-children > a:before {
  right: auto;
  left: 0;
}

.rtl .menu-absolute {
  float: left !important;
}

.rtl .lang-switch {
  margin-right: 0;
  margin-left: 15px;
  font-family: 'Cairo', sans-serif;
  font-weight: 500;
}

/* Text alignment */
.rtl .text-left {
  text-align: right !important;
}

.rtl .text-right {
  text-align: left !important;
}

.rtl .text-lg-left {
  text-align: right !important;
}

.rtl .text-lg-right {
  text-align: left !important;
}

/* Margins and padding */
.rtl .mr-2 {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}

.rtl .mr-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

.rtl .ml-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.rtl .pr-4 {
  padding-right: 0 !important;
  padding-left: 1.5rem !important;
}

.rtl .pl-4 {
  padding-left: 0 !important;
  padding-right: 1.5rem !important;
}

/* Form elements */
.rtl .form-group label {
  text-align: right;
  font-family: 'Cairo', sans-serif;
  font-weight: 500;
}

.rtl .form-control {
  text-align: right;
  font-family: 'Cairo', sans-serif;
}

.rtl textarea.form-control {
  text-align: right;
}

/* Icons and elements */
.rtl .icon-wrap {
  margin-left: 0;
  margin-right: auto;
}

.rtl .service-icon {
  margin-left: 0;
  margin-right: auto;
}

.rtl .feature-icon {
  margin-left: 0;
  margin-right: auto;
}

/* Lists */
.rtl .list-check li:before {
  right: -25px;
  left: auto;
}

.rtl .footer-link li {
  text-align: right;
}

/* Buttons */
.rtl .btn {
  text-align: center;
  font-family: 'Cairo', sans-serif;
  font-weight: 500;
}

/* Sections */
.rtl .section-title h2:after {
  right: 50%;
  left: auto;
  transform: translateX(50%);
}

.rtl .site-footer .widget h3:after {
  right: 0;
  left: auto;
}

/* Project cards */
.rtl .project-card {
  text-align: right;
}

.rtl .project-content {
  text-align: right;
}

/* Application cards */
.rtl .application-card {
  text-align: center;
}

.rtl .app-icon {
  margin: 0 auto 1rem;
}

/* Startup features */
.rtl .startup-feature {
  text-align: right;
}

.rtl .startup-feature .feature-icon {
  margin-left: 0;
  margin-right: auto;
}

/* Contact info */
.rtl .footer-link .text-black {
  text-align: right;
}

/* Mobile menu */
.rtl .site-mobile-menu .site-nav-wrap a {
  text-align: right;
  font-family: 'Cairo', sans-serif;
}

.rtl .site-mobile-menu .arrow-collapse {
  right: auto;
  left: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .rtl .text-md-left {
    text-align: right !important;
  }
  
  .rtl .text-md-right {
    text-align: left !important;
  }
  
  .rtl .mr-md-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
  }
}

/* Bootstrap grid adjustments for RTL */
.rtl .col-md-6:first-child {
  order: 2;
}

.rtl .col-md-6:last-child {
  order: 1;
}

.rtl .col-lg-6:first-child {
  order: 2;
}

.rtl .col-lg-6:last-child {
  order: 1;
}

/* Call to action section */
.rtl .py-5.bg-primary .text-lg-right {
  text-align: left !important;
}

/* Footer social icons */
.rtl .social li {
  margin-left: 0;
  margin-right: 10px;
}

.rtl .social li:first-child {
  margin-right: 0;
}

/* Custom icons for Arabic version */
.icon-innovation:before {
  content: "💡";
  font-size: 2rem;
}

.icon-construction:before {
  content: "🏗️";
  font-size: 2rem;
}

.icon-manufacturing:before {
  content: "🏭";
  font-size: 2rem;
}

.icon-oil-gas:before {
  content: "⛽";
  font-size: 2rem;
}

.icon-automotive:before {
  content: "🚗";
  font-size: 2rem;
}

/* Enhanced Arabic typography */
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 {
  font-family: 'Cairo', sans-serif;
  font-weight: 600;
}

.rtl p {
  font-family: 'Cairo', sans-serif;
  line-height: 1.8;
}

/* Arabic-specific animations */
.rtl .fade-left {
  animation-name: fadeRight;
}

.rtl .fade-right {
  animation-name: fadeLeft;
}

@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Enhanced RTL hover effects */
.rtl .service-2:hover {
  transform: translateY(-5px) scale(1.02);
}

.rtl .application-card:hover {
  transform: translateY(-3px);
}

.rtl .project-card:hover {
  transform: translateY(-5px);
}

/* RTL-specific button styles */
.rtl .btn-outline-white:hover {
  background: #fff;
  color: var(--primary-color) !important;
}

/* Enhanced form styling for RTL */
.rtl .form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25);
}

.rtl select.form-control {
  background-position: left 0.75rem center;
  padding-left: 2.5rem;
  padding-right: 0.75rem;
}

/* RTL-specific spacing */
.rtl .mb-4 {
  margin-bottom: 1.5rem !important;
}

.rtl .mb-5 {
  margin-bottom: 3rem !important;
}

.rtl .mt-4 {
  margin-top: 1.5rem !important;
}

.rtl .mt-5 {
  margin-top: 3rem !important;
}

/* Enhanced mobile responsiveness for RTL */
@media (max-width: 576px) {
  .rtl .site-nav .site-menu {
    text-align: center;
  }
  
  .rtl .hero h1 {
    font-size: 2rem;
  }
  
  .rtl .section-title h2 {
    font-size: 1.75rem;
  }
  
  .rtl .count-numbers .number {
    font-size: 2rem;
  }
}

/* RTL-specific loader */
.rtl .loader .spinner-border {
  border-right-color: transparent;
  border-left-color: var(--primary-color);
}

/* Enhanced accessibility for RTL */
.rtl [dir="rtl"] {
  direction: rtl;
}

.rtl [dir="ltr"] {
  direction: ltr;
}

/* RTL-specific focus states */
.rtl .btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25);
}

.rtl .form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25);
}

/* Enhanced RTL navigation */
.rtl .site-nav .site-menu > li > a:hover {
  color: var(--primary-color) !important;
}

.rtl .site-nav .site-menu > li.active > a {
  color: var(--primary-color) !important;
}

/* RTL-specific footer styling */
.rtl .site-footer .widget .links li a:hover {
  color: var(--primary-color);
  padding-right: 5px;
  padding-left: 0;
}

/* Enhanced RTL animations */
.rtl .aos-fade-up {
  animation-duration: 0.8s;
  animation-timing-function: ease-out;
}

.rtl .aos-fade-left {
  animation-name: fadeRight;
}

.rtl .aos-fade-right {
  animation-name: fadeLeft;
}

/* Modern RTL Typography Enhancements */
.rtl .hero h1 {
  font-family: 'Cairo', sans-serif;
  font-weight: 700;
  font-size: 3.5rem;
}

.rtl .hero p {
  font-family: 'Cairo', sans-serif;
  font-size: 1.25rem;
  line-height: 1.8;
}

.rtl .section-title h2 {
  font-family: 'Cairo', sans-serif;
  font-weight: 600;
  font-size: 2.5rem;
}

.rtl .section-title p {
  font-family: 'Cairo', sans-serif;
  font-size: 1.1rem;
  line-height: 1.7;
}

/* RTL-specific modern colors */
.rtl .btn-primary {
  background: var(--gradient-primary);
}

.rtl .btn-primary:hover {
  background: var(--gradient-primary);
}

.rtl .service-2 .service-icon {
  background: var(--gradient-primary);
}

.rtl .application-card .app-icon {
  background: var(--gradient-secondary);
}

.rtl .startup-feature .feature-icon {
  background: var(--gradient-primary);
}

/* Enhanced RTL card styling */
.rtl .service-2,
.rtl .application-card,
.rtl .project-card,
.rtl .startup-feature {
  font-family: 'Cairo', sans-serif;
}

.rtl .service-2 h3,
.rtl .application-card h4,
.rtl .project-card h4,
.rtl .startup-feature h3 {
  font-family: 'Cairo', sans-serif;
  font-weight: 600;
}

.rtl .service-2 p,
.rtl .application-card p,
.rtl .project-card p,
.rtl .startup-feature p {
  font-family: 'Cairo', sans-serif;
  line-height: 1.8;
}

/* RTL-specific modern shadows */
.rtl .service-2:hover,
.rtl .application-card:hover,
.rtl .project-card:hover,
.rtl .startup-feature:hover {
  box-shadow: var(--shadow-xl);
}

/* Enhanced RTL form styling */
.rtl .form-control {
  font-family: 'Cairo', sans-serif;
  border-radius: 0.75rem;
}

.rtl .form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

/* RTL-specific modern button styling */
.rtl .btn {
  font-family: 'Cairo', sans-serif;
  font-weight: 500;
  border-radius: 0.75rem;
}

.rtl .lang-switch {
  font-family: 'Cairo', sans-serif;
  font-weight: 500;
  border-radius: 2rem;
}

/* Enhanced RTL footer */
.rtl .site-footer h3 {
  font-family: 'Cairo', sans-serif;
  font-weight: 600;
}

.rtl .site-footer p,
.rtl .site-footer .links li a {
  font-family: 'Cairo', sans-serif;
}

/* RTL-specific modern spacing */
.rtl .site-section {
  padding: 6rem 0;
}

.rtl .count-numbers {
  padding: 5rem 0;
}

.rtl .count-numbers .number {
  font-family: 'Cairo', sans-serif;
  font-weight: 700;
  font-size: 3.5rem;
}

.rtl .count-numbers span {
  font-family: 'Cairo', sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
}