/* =========================================================
   RTL-Overrides für Arabisch (html[dir="rtl"]).
   `direction: rtl` erledigt Textfluss/Flex-Reihenfolge/Listenpunkte automatisch;
   hier werden nur EXPLIZIT physische (nicht-logische) Regeln aus base.css/components/pages
   gespiegelt, die sonst falsch stehen bleiben würden.
   ========================================================= */

html[dir="rtl"] body { direction: rtl; text-align: right; }

/* Skip-Link */
[dir="rtl"] .skip-link { left: auto; right: 8px; }

/* Zeitstrahl (Ablauf-Prozess, base.css + bewerber.css) */
[dir="rtl"] .timeline::after { left: auto; right: 50%; margin-left: 0; margin-right: -2px; border-right: 0; border-left: 1px solid var(--c-primary); }
[dir="rtl"] .tl-item--left { padding-right: 0; padding-left: 50%; }
[dir="rtl"] .tl-item--right { padding-left: 0; padding-right: 50%; }
[dir="rtl"] .tl-item--left .tl-num { left: auto; right: 48%; margin-left: 0; margin-right: 2.5rem; }
[dir="rtl"] .tl-item--right .tl-num { right: auto; left: 50%; margin-right: 0; margin-left: 2.5rem; }
[dir="rtl"] .tl-item--left .tl-col { padding-right: 0; padding-left: 40px; }
[dir="rtl"] .tl-item--right .tl-col { padding-left: 0; padding-right: 40px; }
[dir="rtl"] .tl-item--left .tl-col::before { right: auto; left: -9.8px; }
[dir="rtl"] .tl-item--right .tl-col::before { left: auto; right: -9.8px; }
[dir="rtl"] .b-timeline .tl-item:nth-child(2) .tl-card { padding-right: 0; padding-left: 1rem; }

/* Karussell (Kundenstimmen, unternehmen/): carousel.js bewegt den Track mit physischen
   (LTR-)Pixel-Offsets (transform: translateX(-index*step)) – Track/Viewport bewusst LTR lassen,
   sonst zählt der Flex-Layout-Browser die Folien in RTL rückwärts und die JS-Positionsrechnung
   springt weit aus dem sichtbaren Bereich. Nur der Karten-Inhalt liest wieder rechts-nach-links. */
[dir="rtl"] .carousel-viewport,
[dir="rtl"] .carousel-track { direction: ltr; }
[dir="rtl"] .carousel-slide { direction: rtl; }
[dir="rtl"] .u-testi { text-align: right; }
[dir="rtl"] .u-testi-footer { justify-content: flex-end; }
[dir="rtl"] .carousel-btn--prev { left: auto; right: 0; }
[dir="rtl"] .carousel-btn--next { right: auto; left: 0; }
[dir="rtl"] .u-carousel .carousel-btn--prev { left: auto; right: 10px; }
[dir="rtl"] .u-carousel .carousel-btn--next { right: auto; left: 10px; }
[dir="rtl"] .carousel-btn svg { transform: scaleX(-1); }

/* Pfeil-Icons in Buttons zeigen in Leserichtung */
[dir="rtl"] .btn-icon { transform: scaleX(-1); }

/* Badge auf Prozess-Icons (about/) sitzt am Wort-Anfang */
[dir="rtl"] .ab-step-badge { left: auto; right: 0; }

/* Branchen-Liste: Aufzählungspunkt-Abstand */
[dir="rtl"] .br-list-icon { margin-right: 0; margin-left: 1.75px; }

/* Telefonnummern: ohne Isolation mischt der Bidi-Algorithmus in RTL-Kontext die
   leerzeichengetrennten Zifferngruppen durcheinander ("+49 1512 877 9975" → "9975 877 1512 49+").
   Nur den Zifferntext isolieren, nicht die ganze Kontaktbox (sonst kippt die arabische Überschrift). */
[dir="rtl"] .contact-box .contact-text,
[dir="rtl"] .contact-box .contact-text *,
[dir="rtl"] .icon-list a[href^="tel:"] span { direction: ltr; unicode-bidi: isolate; }

/* Bewerbungsformular: Fortschritts-Label (Mobile) */
@media (max-width: 767px) {
  [dir="rtl"] .f-form--bewerber .f-progress-label { left: auto; right: 0; }
}