/* TMB Invest – Rechts-nach-links (Arabisch) · wird nur auf /ar/ geladen (inc/sprache/sprache.php, 13.10.2026)
   Das Haupt-Stylesheet nutzt überwiegend logische Eigenschaften (margin-inline, padding-inline); hier stehen die
   Stellen, die physische Richtungen festlegen. Arabische Systemschriften statt der lateinischen Theme-Schriften. */
html[dir="rtl"] body {
  --font-display: 'Segoe UI', 'Noto Sans Arabic', 'Noto Naskh Arabic', 'Geeza Pro', 'Tahoma', system-ui, sans-serif;
  --font-body: 'Segoe UI', 'Noto Sans Arabic', 'Noto Naskh Arabic', 'Geeza Pro', 'Tahoma', system-ui, sans-serif;
  letter-spacing: 0;
}
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] .hero-title, html[dir="rtl"] .section-title { letter-spacing: 0; }
html[dir="rtl"] .text-left, html[dir="rtl"] [style*="text-align:left"], html[dir="rtl"] [style*="text-align: left"] { text-align: right !important; }
html[dir="rtl"] .text-right { text-align: left !important; }
/* Pfeile in Knöpfen und Links zeigen in Leserichtung */
html[dir="rtl"] .btn-cta-arrow, html[dir="rtl"] .btn svg:last-child, html[dir="rtl"] .link-arrow svg, html[dir="rtl"] .arrow { transform: scaleX(-1); }
/* Zahlen, Preise, Codes, Tickersymbole bleiben links-nach-rechts lesbar */
html[dir="rtl"] .price, html[dir="rtl"] .preis, html[dir="rtl"] code, html[dir="rtl"] kbd, html[dir="rtl"] .lang-switch, html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"], html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="number"], html[dir="rtl"] .license-key, html[dir="rtl"] .order-number { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="url"], html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="number"] { text-align: left; }
/* Listen mit Symbolen vor dem Text */
html[dir="rtl"] ul.checklist li, html[dir="rtl"] .feature-list li, html[dir="rtl"] .benefits li { padding-left: 0; padding-right: 1.75rem; }
html[dir="rtl"] ul.checklist li::before, html[dir="rtl"] .feature-list li::before, html[dir="rtl"] .benefits li::before { left: auto; right: 0; }
/* Kopfzeile: Logo rechts, Aktionen links – über flex-direction gespiegelt */
html[dir="rtl"] .site-header .header-inner, html[dir="rtl"] .header-actions, html[dir="rtl"] .footer-bottom { flex-direction: row-reverse; }
html[dir="rtl"] .mobile-nav, html[dir="rtl"] .mobile-menu { left: auto; right: 0; }
/* Tabellen und Formulare */
html[dir="rtl"] th, html[dir="rtl"] td { text-align: right; }
html[dir="rtl"] select { background-position: left .75rem center; padding-left: 2.25rem; padding-right: .9rem; }
/* Slider/Karussells nicht spiegeln (Position wird per JS gerechnet) */
html[dir="rtl"] .hero-slider, html[dir="rtl"] .slider-track, html[dir="rtl"] .swiper-wrapper { direction: ltr; }
html[dir="rtl"] .hero-slider .slide-content, html[dir="rtl"] .slider-track > * { direction: rtl; }
/* Laufleiste mit Partnerlogos: Bewegung bleibt links-nach-rechts gerechnet, sonst läuft die Spur nach links aus dem Dokument */
html[dir="rtl"] .trust-track-wrap, html[dir="rtl"] .trust-track { direction: ltr; }
/* Unsichtbare Spam-Schutzfelder: in RTL ist „links außerhalb“ scrollbarer Bereich und macht die Seite 10.000 px breit –
   deshalb auf die Startseite der Leserichtung (rechts) legen bzw. ganz ohne Versatz ausblenden */
html[dir="rtl"] .tmb-hp, html[dir="rtl"] .ita-hp, html[dir="rtl"] .itp-hp, html[dir="rtl"] .ittp-hp,
html[dir="rtl"] [style*="left:-9999px"], html[dir="rtl"] [style*="left: -9999px"] { left: auto !important; right: -9999px !important; }