/* =========================================================================
   AMMAX Transport — RTL-correcties (Arabisch)
   De layout gebruikt grotendeels logische eigenschappen; hieronder enkel
   wat expliciet gespiegeld moet worden.
   ========================================================================= */

[dir="rtl"] body { letter-spacing: 0; }

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4 { letter-spacing: 0; line-height: 1.35; }

[dir="rtl"] .eyebrow { letter-spacing: 0; }

[dir="rtl"] .btn__icon,
[dir="rtl"] .card__link svg { transform: scaleX(-1); }

[dir="rtl"] select.control {
	background-position: left var(--sp-4) center;
	padding-inline-end: var(--sp-4);
	padding-inline-start: var(--sp-10);
}

[dir="rtl"] .hero__img { object-position: 30% center; }

[dir="rtl"] .prose ul { padding-inline-start: 1.25em; padding-inline-end: 0; }

[dir="rtl"] .breadcrumbs li + li::before { content: "/"; }

[dir="rtl"] .menu .current-menu-item > a { box-shadow: inset 0 -2px 0 var(--accent); }

[dir="rtl"] .steps-bar__item::before { content: counter(s) ". "; }

[dir="rtl"] .footer__legalnums dd,
[dir="rtl"] .aside-nums dd { margin-inline-start: 0; }

[dir="rtl"] .wordmark { justify-items: start; }
[dir="rtl"] .wordmark__name,
[dir="rtl"] .wordmark__tag { letter-spacing: 0.08em; }

/* Beheeromgeving */
[dir="rtl"] .mgr { direction: rtl; }
[dir="rtl"] .mgr__nav a.is-active { box-shadow: inset -3px 0 0 var(--brand); }