/* Rechts-nach-links-Sprachen (Arabisch). Wird nur bei is_rtl() geladen.
   Spiegelt Abstände, Listenmarker, Pfeile und dekorative Elemente.
   Die Markenform (eine eckige Ecke) bleibt wie im Styleguide. */

:root {
  --font-display: "Ubuntu", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --font-body:    "Ubuntu", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --font-mono:    "Ubuntu Mono", "Noto Sans Arabic", ui-monospace, Consolas, monospace;
}

/* Arabische Schrift: keine Sperrung (zerstört die Verbindungen), mehr Zeilenhöhe */
[dir="rtl"] body *:not(code):not(kbd) { letter-spacing: normal !important; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { line-height: 1.35; }
[dir="rtl"] body { line-height: 1.75; }

/* Grafiken behalten ihre Geometrie */
[dir="rtl"] svg { direction: ltr; }

/* Felder für E-Mail, Telefon, Codes bleiben links-nach-rechts */
[dir="rtl"] input[type="email"], [dir="rtl"] input[type="tel"], [dir="rtl"] input[type="url"] { direction: ltr; text-align: right; }
[dir="rtl"] code, [dir="rtl"] .mono, [dir="rtl"] a[href^="tel:"], [dir="rtl"] a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; }

/* Adressen: jede Zeile in ihrer eigenen Richtung (6340 Baar bleibt in dieser Reihenfolge) */
[dir="rtl"] address, [dir="rtl"] .loc__a { unicode-bidi: plaintext; text-align: right; }

/* Kopfzeile und Navigation */
[dir="rtl"] .skip { left: auto; right: 12px; }
[dir="rtl"] .nav__logo { margin-right: 0; margin-left: auto; }
[dir="rtl"] .switch { margin-right: 0; margin-left: auto; }
[dir="rtl"] .nav__menu { left: auto; right: 0; }
[dir="rtl"] .nav__menu--lang { right: auto; left: 0; }
@media (max-width: 899.98px) { [dir="rtl"] .nav__menu--lang { left: auto; right: 0; } }
@media (min-width: 900px) { [dir="rtl"] .nav__group--cta .nav__menu { right: auto; left: 0; } }
[dir="rtl"] .nav__menu--cols .nav__col + .nav__col { border-left: 0; padding-left: 0; border-right: 1px solid var(--line); padding-right: 6px; }
[dir="rtl"] .crumbs li + li::before { content: "‹"; margin-right: 0; margin-left: 8px; }

/* Dekor: Konturlinien und Globus auf die andere Seite */
[dir="rtl"] .deco--tr { right: auto; left: -12%; }
[dir="rtl"] .deco--bl { left: auto; right: -14%; }
[dir="rtl"] .hero--hv .contour { right: auto; left: -16%; transform: scaleX(-1); }
@media (max-width: 899.98px) { [dir="rtl"] .hero--hv .contour { left: -55%; } }
[dir="rtl"] .phead .contour { right: auto; left: -18%; transform: scaleX(-1); }
@media (max-width: 899.98px) { [dir="rtl"] .phead .contour { left: -60%; } }
[dir="rtl"] .hero--sheet .globe { right: auto; left: -22%; }

/* Pfeile in Schaltflächen und Karten zeigen nach links */
[dir="rtl"] .btn__arrow, [dir="rtl"] .dl__go { display: inline-block; transform: scaleX(-1); }
[dir="rtl"] .btn:hover .btn__arrow,
[dir="rtl"] .pcard:hover .pcard__foot .btn__arrow,
[dir="rtl"] .post:hover .post__go .btn__arrow,
[dir="rtl"] .dl:hover .dl__go { transform: scaleX(-1) translateX(3px); }
[dir="rtl"] .dl__go { margin-left: 0; margin-right: auto; }

/* Listen, Tabellen, FAQ */
[dir="rtl"] .ticks li { padding-left: 0; padding-right: 26px; }
[dir="rtl"] .ticks li::before { left: auto; right: 0; }
[dir="rtl"] .dflow__steps li { padding-left: 0; padding-right: 30px; }
[dir="rtl"] .dflow__steps li::before { left: auto; right: 0; }
[dir="rtl"] .article ol { padding-left: 0; padding-right: 1.3em; }
[dir="rtl"] table th, [dir="rtl"] table td { text-align: right; }
[dir="rtl"] table.spec th, [dir="rtl"] table.spec td, [dir="rtl"] .spec th { padding: 11px 0 11px 14px; }
[dir="rtl"] table.spec--grid th, [dir="rtl"] table.spec--grid td { padding-right: 0; padding-left: 18px; }
[dir="rtl"] .faq summary { padding: 16px 0 16px 36px; text-align: right; }
[dir="rtl"] .faq summary::after { right: auto; left: 6px; }

/* Akzentlinien */
[dir="rtl"] .nerdnote { border-left: 0; border-right: 3px solid var(--accent); }
[dir="rtl"] .callout { border-left: 0; border-right: 3px solid var(--brand); }
[dir="rtl"] .form__alert { border-left: 0; border-right: 4px solid #e30613; border-radius: 12px 0 0 12px; }

/* Formular */
[dir="rtl"] .field select { padding-right: 14px; padding-left: 40px; background-position: 14px 21px, 20px 21px; }

/* Schrittanimationen: Nummer rechts */
[dir="rtl"] .mcg__st { padding: 12px 48px 12px 14px; }
[dir="rtl"] .mcg__st::before { left: auto; right: 14px; }
[dir="rtl"] .path__s::after { left: auto; right: 0; }

/* Überlappende Layouts */
@media (min-width: 900px) {
  [dir="rtl"] .lap--2 > :last-child { margin-left: 0; margin-right: clamp(-80px, -5vw, -32px); }
  [dir="rtl"] .lap--2 > :first-child { padding-right: 0; padding-left: clamp(46px, 7vw, 116px); }
  [dir="rtl"] .lap--up > :last-child { margin-right: 0; }
}

/* Verbindungslinien zwischen Karten */
@media (min-width: 900px) {
  [dir="rtl"] .flow--auto > .card + .card::before { left: auto; right: -70px; }
  [dir="rtl"] .flow--auto > .card + .card::after { left: auto; right: -47.5px; }
}

/* Schweizerkreuz-Zeile */
[dir="rtl"] .swiss > span + span { margin-left: 0; margin-right: 12px; }
[dir="rtl"] .dljump strong { margin-right: 0; margin-left: 4px; }