/*
 * Directional overrides for Mr. Engineering theme
 * Supplements style.css logical properties where physical values are still needed.
 */

/* ── Navigation chevron ── */
.mre-nav__link svg { transform: scaleX(1); }
.mre-nav__item:hover > .mre-nav__link > .mre-chevron { transform: rotate(180deg); }

/* ── Mega menu position ── */
[dir="rtl"] .mre-mega-menu { inset-inline-start: auto; inset-inline-end: 0; }
[dir="ltr"] .mre-mega-menu { inset-inline-start: 0; inset-inline-end: auto; }

/* ── Footer link hover indent ── */
[dir="rtl"] .mre-footer-col__links a:hover { padding-inline-end: 4px; padding-inline-start: 0; }
[dir="ltr"] .mre-footer-col__links a:hover { padding-inline-start: 4px; padding-inline-end: 0; }

/* ── Mobile nav — RTL slides in from right, LTR slides in from left ── */
[dir="rtl"] .mre-mobile-nav  { transform: translateX(100%); }
[dir="rtl"] .mre-mobile-nav.open { transform: translateX(0); }
[dir="ltr"] .mre-mobile-nav  { transform: translateX(-100%); }
[dir="ltr"] .mre-mobile-nav.open { transform: translateX(0); }

/* ── Project Journey — vertical (mobile) text alignment ── */
@media (max-width: 1024px) {
  [dir="rtl"] .mre-journey__step { text-align: right; }
  [dir="ltr"] .mre-journey__step { text-align: left; }
}

/* ── Step-number numeric digits — always LTR so "7" reads left-to-right ── */
.mre-journey__step-num span {
  direction: ltr;
  unicode-bidi: isolate;
}

/* ── Service finder cards ── */
[dir="ltr"] .mre-finder-card { text-align: left; }

/* ── Breadcrumb separator direction ── */
[dir="ltr"] .mre-breadcrumb__sep { margin-inline: 6px; }
[dir="rtl"] .mre-breadcrumb__sep { margin-inline: 6px; }

/* ── Form inputs ── */
[dir="ltr"] input[type="text"],
[dir="ltr"] input[type="email"],
[dir="ltr"] input[type="tel"],
[dir="ltr"] textarea,
[dir="ltr"] select {
  text-align: left;
}

/* Phone/email inputs — always LTR regardless of page direction */
input[type="tel"],
input[type="email"] {
  direction: ltr;
  unicode-bidi: isolate;
}