/**
 * 5D Website - RTL & Arabic Styles
 * Cairo font and RTL-specific adjustments
 */

/* ============================================
   ARABIC FONT OVERRIDE
   ============================================ */
body {
  font-family: 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.hero-title,
.section-title,
.dimension-label,
.bento-title,
.product-title,
.cta-title,
.page-title,
.service-title {
  font-family: 'Cairo', sans-serif;
}

/* ============================================
   RTL DIRECTION FIXES
   ============================================ */

/* Navbar */
.navbar-menu {
  flex-direction: row-reverse;
}

.navbar-actions {
  flex-direction: row-reverse;
}

/* Hero */
.hero-content {
  text-align: right;
}

@media (min-width: 1024px) {
  .hero-visual {
    right: auto;
    left: 5%;
  }

  .hero-content {
    max-width: 55%;
    margin-right: 0;
    margin-left: auto;
  }
}

/* Section headers */
.section-header {
  text-align: center;
}

/* Buttons with icons - flip arrow direction */
.btn i.bx-right-arrow-alt {
  transform: scaleX(-1);
}

.btn i.bx-left-arrow-alt {
  transform: scaleX(-1);
}

/* Breadcrumb */
.breadcrumb {
  flex-direction: row-reverse;
}

.breadcrumb i {
  transform: scaleX(-1);
}

/* Content grids */
.content-grid {
  direction: rtl;
}

.content-grid > * {
  direction: rtl;
}

.content-grid.reverse {
  direction: ltr;
}

.content-grid.reverse > * {
  direction: rtl;
}

/* Contact items */
.contact-item {
  flex-direction: row-reverse;
  text-align: right;
}

.contact-item i {
  margin-left: 1rem;
  margin-right: 0;
}

/* Product features */
.product-feature {
  flex-direction: row-reverse;
}

.product-feature i {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* Lists */
.legal-content ul {
  margin-right: 1.5rem;
  margin-left: 0;
  padding-right: 0;
}

/* Footer */
.footer-grid {
  direction: rtl;
}

.footer-social {
  justify-content: flex-start;
}

.footer-links {
  text-align: right;
}

.footer-bottom {
  flex-direction: row-reverse;
}

/* Form elements */
.form-control {
  text-align: right;
}

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

/* Cards */
.value-card,
.benefit-card,
.bento-card {
  text-align: right;
}

.value-icon,
.benefit-icon,
.bento-icon {
  margin-right: 0;
  margin-left: auto;
}

/* Job cards */
.job-card {
  flex-direction: row-reverse;
}

.job-meta {
  flex-direction: row-reverse;
}

.job-meta span {
  flex-direction: row-reverse;
}

/* Process steps - flip connector lines */
.process-step::after {
  right: auto;
  left: -1rem;
  background: linear-gradient(270deg, var(--color-primary), transparent);
}

/* Pricing features */
.pricing-features li {
  flex-direction: row-reverse;
  text-align: right;
}

.pricing-features li i {
  margin-left: 0.75rem;
  margin-right: 0;
}

/* Service feature tags */
.service-feature-tag {
  flex-direction: row-reverse;
}

.service-feature-tag i {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* Bento tags */
.bento-tags {
  justify-content: flex-start;
}

/* Tech items */
.tech-item {
  flex-direction: row-reverse;
}

/* Contact card items */
.contact-card-item {
  flex-direction: row-reverse;
  text-align: right;
}

.contact-card-content {
  text-align: right;
}

/* Stats card */
.stats-card {
  direction: rtl;
}

/* Why cards */
.why-card {
  text-align: right;
}

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

/* Scroll indicator */
.scroll-indicator {
  direction: ltr;
}

/* WhatsApp FAB - keep on right for Arabic too */
.whatsapp-fab {
  right: 2rem;
  left: auto;
}

/* Language switcher */
.footer-lang {
  flex-direction: row-reverse;
}

.footer-lang img {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* Team stats */
.team-stats {
  direction: rtl;
}

/* Mobile menu */
@media (max-width: 968px) {
  .navbar-menu {
    text-align: right;
  }

  .navbar-menu a {
    justify-content: flex-end;
  }
}

/* Dimensions grid - center aligned, no RTL needed */
.dimensions-grid {
  direction: ltr;
}

/* Client logos - center aligned */
.clients-grid {
  direction: ltr;
}

/* Products grid */
@media (min-width: 968px) {
  .product-item {
    direction: rtl;
  }

  .product-item:nth-child(even) {
    direction: ltr;
  }

  .product-item:nth-child(even) .product-content {
    direction: rtl;
  }
}

/* Map card */
.map-card {
  direction: ltr;
}
