/* css/rtl.css — RTL-spezifische Overrides (Audit UX-5) Greift nur, wenn gesetzt ist (siehe js/i18n.js, index.html:247). Die meisten Komponenten nutzen logische CSS-Properties (inset-inline-*, padding-inline-*, margin-inline-*) direkt inline — die drehen automatisch mit `dir` und brauchen keine Overrides hier. Wichtig: Inline-Styles (style="...") schlagen [dir="rtl"] ...-Selektoren immer, egal wie spezifisch — Inline-Style-Deklarationen haben Vorrang vor jeder Stylesheet-Regel (außer !important). Fälle, in denen Komponenten Animation/Transform/Box-Shadow per Inline-Style setzen (Drawer-Slide, Register-2-Step-Slider), werden deshalb NICHT hier, sondern direkt im jeweiligen JS anhand von document.documentElement.dir berechnet: - js/components/drawer.js (Slide-Richtung + Schatten) - js/components/auth-form-register.js (Slider-translateX-Vorzeichen) Diese Datei enthält nur global verfügbare @keyframes, die von obigen Komponenten per Name referenziert werden. ============================================================ */ @keyframes mr-slideInRight { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }