/* === RTL adjustments for Arabic version === */
/* Imported on top of main style.css */

body {
  font-family: 'Cairo', 'Inter', sans-serif;
  text-align: right;
}

/* Headings: keep Cairo for Arabic */
h1, h2, h3, h4 {
  font-family: 'Cairo', 'Playfair Display', serif !important;
  letter-spacing: 0 !important;
}

/* Navigation */
.nav-inner {
  flex-direction: row-reverse;
}
.nav-links {
  flex-direction: row-reverse;
  gap: 36px;
}

/* Logo */
.logo {
  flex-direction: row-reverse;
}
.logo-name {
  text-align: right;
}

/* Hero */
.hero-grid {
  direction: rtl;
}
.hero-tag::before {
  margin-left: 6px;
  margin-right: 0;
}
.hero-card h3 {
  text-align: right;
}
.stat-row {
  flex-direction: row-reverse;
}

/* Buttons */
.btn {
  flex-direction: row-reverse;
}
.btn .arrow {
  transform: scaleX(-1);
}
.btn:hover .arrow {
  transform: scaleX(-1) translateX(3px);
}

/* Marketplaces */
.mp-grid {
  direction: rtl;
}

/* Section heads */
.section-head {
  text-align: center;
}
.section-head h2 {
  letter-spacing: 0;
}

/* Value cards / process steps */
.value-card, .infra-card, .process-step, .benefit-card {
  text-align: right;
}
.benefit-card {
  flex-direction: row-reverse;
}

/* About section */
.about-head {
  direction: rtl;
}
.about-text {
  text-align: right;
}
.about-banner-badge {
  left: auto;
  right: 48px;
}

/* B2B / Form */
.b2b-grid {
  direction: rtl;
}
.b2b ul li {
  flex-direction: row-reverse;
}
.form-grid, .contact-grid {
  direction: rtl;
}
.form-row label {
  text-align: right;
}
.form-info ul li {
  flex-direction: row-reverse;
}
.contact-card {
  flex-direction: row-reverse;
}

/* Footer */
.foot-grid {
  direction: rtl;
}
.foot-logo {
  flex-direction: row-reverse;
}
.foot-bottom {
  flex-direction: row-reverse;
}

/* Language switcher: keep LTR for language codes (PT/EN/FR/ES/AR are always readable LTR) */
.lang {
  direction: ltr;
}

/* Tags */
.cat-card .tags {
  flex-direction: row-reverse;
}

/* Legal section */
.legal-list li {
  flex-direction: row-reverse;
}
.legal-list li .value {
  text-align: left;
}

/* Adjust margins on mobile */
@media (max-width: 920px) {
  .about-banner-badge {
    left: auto;
    right: 20px;
  }
}