/**
 * HERMA — rtl.css
 * Only what logical properties cannot flip: icon direction, gradient angles,
 * transform origins and Arabic typography. Loaded when the page is RTL.
 * Every rule is scoped to body.hrm-rtl so it always wins, whatever order the
 * stylesheets are printed in (Elementor prints widget CSS late).
 */
body.hrm-rtl { --hrm-font-b: var(--hrm-font-ar); --hrm-font-h: var(--hrm-font-ar); --hrm-dir: -1; }
.hrm-rtl .hrm-link { background-position: 100% 100%; }
.hrm-rtl h1, .hrm-rtl h2, .hrm-rtl h3, .hrm-rtl h4, .hrm-rtl h5, .hrm-rtl h6, .hrm-rtl .hrm-banner__title { letter-spacing: 0; font-stretch: 100%; }
.hrm-rtl h1, .hrm-rtl .hrm-banner__title { line-height: 1.3; }
.hrm-rtl h2, .hrm-rtl h3 { line-height: 1.42; }
body.hrm-rtl { line-height: 1.85; }
.hrm-rtl .hrm-prose--lead > p { line-height: 1.95; }

/* Directional icons */
.hrm-rtl .hrm-icon--arrow-right, .hrm-rtl .hrm-icon--arrow-left, .hrm-rtl .hrm-icon--arrow-up-right, .hrm-rtl .hrm-icon--chevron-right { transform: scaleX(-1); }
.hrm-rtl .hrm-btn { padding-inline: 20px 8px; }

/* Origins */
.hrm-rtl .hrm-nav__link::after { transform-origin: right; }
.hrm-rtl .hrm-banner--line .hrm-banner__in::after { transform-origin: right; }

/* Banner: mirror the feathered image and the blueprint glow */
.hrm-rtl .hrm-banner { background: radial-gradient(640px 420px at 100% 0%, rgba(var(--hrm-accent-rgb), .17), transparent 62%), radial-gradient(520px 360px at 70% 120%, rgba(var(--hrm-primary-rgb), .22), transparent 65%), var(--hrm-dark); }
.hrm-rtl .hrm-banner__media { -webkit-mask-image: linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .55) 22%, #000 46%); mask-image: linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .55) 22%, #000 46%); }
.hrm-rtl .hrm-banner__bp { -webkit-mask-image: radial-gradient(620px 420px at 88% 55%, #000 0%, transparent 75%); mask-image: radial-gradient(620px 420px at 88% 55%, #000 0%, transparent 75%); }
.hrm-rtl .hrm-sec--dark, .hrm-rtl .hrm-dark { background-image: radial-gradient(900px 420px at 12% -10%, rgba(var(--hrm-accent-rgb), .13), transparent 62%), linear-gradient(var(--hrm-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--hrm-grid-line) 1px, transparent 1px); }
.hrm-rtl .hrm-cta--soft { background: linear-gradient(240deg, color-mix(in srgb, var(--hrm-bg-soft) 70%, var(--hrm-accent)) 0%, var(--hrm-bg-soft) 60%, color-mix(in srgb, var(--hrm-bg-soft) 80%, var(--hrm-accent)) 100%); }

/* Entrance directions */
.hrm-rtl .hrm-anim-on [data-hrm-anim="start"] { transform: translateX(calc(var(--hrm-anim-dist) * 1.4)); }
.hrm-rtl .hrm-anim-on [data-hrm-anim="end"] { transform: translateX(calc(var(--hrm-anim-dist) * -1.4)); }

@media (max-width: 1020px) {
	.hrm-rtl .hrm-banner__media { -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .35) 100%); mask-image: linear-gradient(180deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .35) 100%); }
}

/* ---- QB widgets ---- */
.hrm-rtl .hrm-hero__fade { background: linear-gradient(270deg, rgba(var(--hrm-dark-rgb), .55) 0%, rgba(var(--hrm-dark-rgb), .2) 40%, rgba(var(--hrm-dark-rgb), 0) 70%), linear-gradient(0deg, rgba(var(--hrm-dark-rgb), .88) 0%, rgba(var(--hrm-dark-rgb), 0) 38%); }
.hrm-rtl .hrm-hero__media { -webkit-mask-image: linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .18) 10%, rgba(0, 0, 0, .62) 26%, #000 48%); mask-image: linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .18) 10%, rgba(0, 0, 0, .62) 26%, #000 48%); }
.hrm-rtl .hrm-hero__bp { -webkit-mask-image: linear-gradient(270deg, #000 0%, #000 35%, transparent 62%); mask-image: linear-gradient(270deg, #000 0%, #000 35%, transparent 62%); }
.hrm-rtl .hrm-hero__kicker i, .hrm-rtl .hrm-hero__bar i { transform-origin: right; }
.hrm-rtl .hrm-hero__title { line-height: 1.3; letter-spacing: 0; font-stretch: 100%; }
.hrm-rtl .hrm-hero__text { line-height: 1.85; }
.hrm-rtl .hrm-panel__name { writing-mode: horizontal-tb; transform: none; inset-inline: 18px; white-space: normal; font-size: .875rem; line-height: 1.45; align-items: flex-start; font-stretch: 100%; }
.hrm-rtl .hrm-panel__dot { margin-block-start: 6px; }
.hrm-rtl .hrm-facts-card__value, .hrm-rtl .hrm-miles__year, .hrm-rtl .hrm-tl__year, .hrm-rtl .hrm-why2__title { font-stretch: 100%; }
@media (max-width: 1020px) {
	.hrm-rtl .hrm-hero__media { -webkit-mask-image: none; mask-image: none; }
	.hrm-rtl .hrm-hero__fade { background: linear-gradient(180deg, rgba(var(--hrm-dark-rgb), .6) 0%, rgba(var(--hrm-dark-rgb), .82) 45%, rgba(var(--hrm-dark-rgb), .96) 100%); }
	.hrm-rtl .hrm-panel__name { inset-block: 26px auto; }
}