/*
 * Arabic (RTL) overrides.
 *
 * main.css uses logical properties throughout, so layout mirrors itself. This
 * file only handles what direction-awareness cannot fix automatically:
 * glyph-shaped icons that point one way, and Latin typographic habits that are
 * actively wrong in Arabic.
 */

/* ------------------------------------------------------------------
 * 1. Letter-spacing must never be applied to Arabic.
 *
 * Arabic letters join. Adding tracking breaks the connections and renders
 * words as disconnected glyphs, which is the single most common mistake in
 * bilingual themes.
 * --------------------------------------------------------------- */

.ez-eyebrow,
.ez-hero__eyebrow,
.ez-stat span,
.ez-footer__legal-name,
.ez-logo__text,
.ez-logo__text small,
.ez-btn,
h1,
h2,
h3,
h4 {
	letter-spacing: normal;
}

/* Uppercase does nothing in Arabic but the smaller size still reads as a
   label, so keep the size and drop the transform. */
.ez-eyebrow,
.ez-hero__eyebrow,
.ez-stat span,
.ez-footer__legal-name {
	text-transform: none;
}

/* ------------------------------------------------------------------
 * 2. Directional icons
 *
 * Arrows and chevrons are drawn pointing inline-end in LTR. SVG paths have no
 * concept of direction, so they are mirrored here.
 * --------------------------------------------------------------- */

.ez-card__more .ez-icon,
.ez-footer__all .ez-icon,
.ez-btn .ez-icon[class*="arrow"] {
	transform: scaleX(-1);
}

.ez-carousel__nav--prev .ez-icon {
	transform: none;
}

.ez-carousel__nav--next .ez-icon {
	transform: scaleX(-1);
}

.ez-faq__chev {
	transform: rotate(90deg) scaleX(-1);
}

.ez-faq__item[open] .ez-faq__chev {
	transform: rotate(-90deg) scaleX(-1);
}

/* Dropdown caret: the rotated border trick points the wrong way once the
   inline axis flips. */
.ez-nav__list .menu-item-has-children > a::after {
	border-inline-end: 0;
	border-inline-start: 1.5px solid currentColor;
	transform: rotate(-45deg) translateY(-2px);
}

/* ------------------------------------------------------------------
 * 3. Typography fine-tuning
 * --------------------------------------------------------------- */

/* Arabic runs longer per line and needs a slightly wider measure. */
.ez-answer,
.ez-prose,
.ez-hero__lead {
	max-width: 48rem;
}

.ez-contact .ez-prose,
.ez-enquiry .ez-prose,
.ez-page .ez-prose {
	max-width: none;
}

/* Numerals, prices and phone numbers stay Latin and left-to-right. */
.ez-card__price,
.ez-step::before,
.ez-stat strong {
	font-family: var(--ez-font-latin);
	unicode-bidi: isolate;
}

/* The decorative hero glow sits opposite the text block in both directions;
   the logical property handles placement, this only softens the gradient
   angle so the light source still reads naturally. */
.ez-hero {
	background: linear-gradient(200deg, var(--ez-primary-dark), var(--ez-primary) 72%);
}

.ez-ctaband {
	background: linear-gradient(225deg, var(--ez-primary), var(--ez-primary-dark));
}