/* Arabic (RTL) overrides. Most layout already uses logical properties
   (inset-inline-start/end, margin-inline, border-inline-start) so this
   file only needs to correct the few physical-direction exceptions. */

.caret { transform: rotate(-135deg); }

.hero { text-align: right; }
/* Text sits on the right in Arabic, so the dark wash flips to that side. */
@media (min-width: 761px) {
  .hero { background:
    linear-gradient(270deg, rgba(15,36,56,.92) 0%, rgba(15,36,56,.78) 40%, rgba(15,36,56,.25) 100%),
    url("../img/hero-factory.jpg") center left / cover no-repeat,
    var(--ink); }
}
.hero-inner { margin-inline-start: 0; }

/* The installation photo is never mirrored, so hotspot markers keep their
   physical coordinates — only the panel text flows right-to-left. */
.hotspot-panel { direction: rtl; }

.service-card li::before,
.product-card li::before {
  right: auto;
}

[dir="rtl"] .stat { border-inline-start: none; border-inline-end: 2px solid var(--amber); }

[dir="rtl"] .form-field input,
[dir="rtl"] .form-field select,
[dir="rtl"] .form-field textarea {
  text-align: right;
}