/* RoboMecs Arabic commercial hero RTL correction — 2026-09-03.
 * Loaded last, only on Arabic Solutions / Services / Industries routes.
 * Mirror gradient pseudo-elements, NEVER photographs or text.
 * Keep all existing gradient colors/stops and mobile readability layers.
 */
@media (min-width: 761px) {
  /* Services hub and Industries hub/details use the root overlay.
   * Solution/service details also have this layer behind their media.
   * The Solutions hub is excluded: arabic.css already mirrors its overlay.
   */
  html[lang="ar"][dir="rtl"] .rm-unified-hero:not(.rm-clean-hub-hero)::before,
  /* Detail photos sit inside a higher stacking context. Their own overlay
   * must be mirrored too, otherwise the visible blue remains on the left.
   */
  html[lang="ar"][dir="rtl"] .solution-hero.rm-unified-hero .solution-hero-media::after {
    transform: scaleX(-1) !important;
    transform-origin: center center !important;
  }
}

/* Mirror the existing horizontal inset. Do not change vertical placement,
 * card contents, sizing, or the Industry badge's existing mobile visibility.
 */
html[lang="ar"][dir="rtl"] .solution-hero.rm-unified-hero .solution-hero-media figcaption {
  left: max(24px, calc((100vw - var(--solution-max, 1480px)) / 2)) !important;
  right: auto !important;
}

html[lang="ar"][dir="rtl"] .rm-industry-hero.rm-unified-hero .rm-industry-hero__badge {
  left: max(24px, calc((100vw - 1480px) / 2)) !important;
  right: auto !important;
}

@media (max-width: 640px) {
  html[lang="ar"][dir="rtl"] .solution-hero.rm-unified-hero .solution-hero-media figcaption {
    left: 14px !important;
  }
}