/* ETCO RTL Stylesheet – Arabic Direction Overrides */

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

/* Hero */
.lang-ar .hero-title .accent { display: block; }
.lang-ar .hero-actions { flex-direction: row-reverse; justify-content: flex-end; }

/* About Badge */
.lang-ar .about-badge {
  right: auto;
  left: -20px;
  direction: rtl;
}

/* Footer links icons */
.lang-ar .footer-links a { flex-direction: row; }

/* Contact items */
.lang-ar .contact-item { flex-direction: row; }

/* Process grid connector line */
.lang-ar .process-grid::before {
  background: linear-gradient(270deg, transparent, rgba(0,174,239,0.4), transparent);
}

/* Form */
.lang-ar .form-group input,
.lang-ar .form-group textarea,
.lang-ar .form-group select {
  text-align: right;
  direction: rtl;
}

/* Nav */
.lang-ar #main-nav .menu { flex-direction: row-reverse; }
.lang-ar .logo-text { text-align: right; }

/* WhatsApp float */
.lang-ar .whatsapp-float {
  right: auto;
  left: 30px;
}

/* Arrow directions in buttons */
.lang-ar .btn .fa-arrow-right { transform: rotate(180deg); }

/* Stats */
.lang-ar .stat-label { text-align: right; }

/* Service card */
.lang-ar .service-card { text-align: right; }
.lang-ar .service-icon { margin-left: auto; margin-right: 0; }

/* Lawyer card */
.lang-ar .lawyer-card { text-align: right; }
.lang-ar .lawyer-avatar { margin-right: 0; margin-left: auto; }

/* Sections centered in AR */
.lang-ar .services-header,
.lang-ar .process-header,
.lang-ar .lawyers-header,
.lang-ar .partners-header {
  direction: rtl;
}

.lang-ar .section-subtitle {
  margin-right: 0;
  margin-left: auto;
}

/* Partner card */
.lang-ar .partner-card { direction: rtl; }

/* VM cards */
.lang-ar .vm-card { text-align: right; }
.lang-ar .vm-icon { margin-left: auto; margin-right: 0; }

/* Strip items */
.lang-ar .strip-item { flex-direction: row-reverse; }

/* Footer bottom */
.lang-ar .footer-bottom { flex-direction: row-reverse; }

/* Mobile nav */
.lang-ar #mobile-nav .close-btn {
  right: auto;
  left: 24px;
}

/* About grid – image on right in RTL */
@media (min-width: 1025px) {
  .lang-ar .about-grid {
    direction: rtl;
  }
}