/* ============================================
   Arabic (RTL) Stylesheet Overrides
   For ar/ directory pages with dir="rtl"
   ============================================ */

/* Flip physical direction properties */
body {
  text-align: right;
}

/* Header / Navigation */
.lang-switcher {
  margin-right: 8px;
  margin-left: 0;
}

.lang-dropdown {
  left: 0;
  right: auto;
}

/* Eyebrow label - flip the line position */
.eyebrow::before {
  margin-right: 0;
  margin-left: 9px;
}

/* Section heading - text alignment */
.section-heading {
  text-align: right;
}

.section-heading p {
  margin-left: 0;
  margin-right: auto;
}

/* KPI grid - flip borders and padding */
.kpi {
  padding: 22px 0 0 24px;
  border-left: 1px solid rgba(255,255,255,.25);
  border-right: 0;
}

.kpi:last-child {
  border-left: 0;
  padding-right: 24px;
  padding-left: 0;
}

/* Check list - flip bullet position */
.check-list li {
  padding: 12px 28px 12px 0;
  text-align: right;
}

.check-list li::before {
  right: 0;
  left: auto;
}

/* Split two-column layout - auto handles RTL */
.split {
  grid-template-columns: 1.1fr .9fr;
}

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

/* Fix any explicit left-aligned text */
p, li, h1, h2, h3, h4, h5, h6 {
  text-align: right;
}

/* Product card content */
.product-card-content {
  text-align: right;
}

/* Form elements */
input, textarea, select {
  text-align: right;
}

/* FAQ accordion */
.faq-item {
  text-align: right;
}

/* Hide/show arrow position */
.faq-toggle::after {
  right: 0;
  left: auto;
}