/* Diese Styles greifen nur, wenn das Dokument dir="rtl" hat.
   Sie überschreiben oder ergänzen die Standard-Styles.
*/

[dir="rtl"] body {
    /* Arabische Schriftarten sind oft kleiner, hier kann man nachjustieren */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* --- Tabellen-Korrektur --- */
[dir="rtl"] .user-table th, 
[dir="rtl"] .user-table td {
    text-align: right;
}

/* --- Formulare & Icons --- */
[dir="rtl"] .form-group label {
    text-align: right;
}

[dir="rtl"] .requirements-list li::before {
    /* Das Icon (X oder Haken) muss links vom Text stehen */
    margin-right: 0;
    margin-left: 8px;
}

/* --- Alerts --- */
[dir="rtl"] .alert {
    /* Den farbigen Balken von links nach rechts schieben */
    border-left: none;
    border-right: 5px solid transparent;
}

[dir="rtl"] .alert-danger { border-right-color: var(--danger-color); }
[dir="rtl"] .alert-success { border-right-color: var(--success-color); }

/* --- Icons spiegeln --- */
[dir="rtl"] .fa-chevron-right, 
[dir="rtl"] .fa-arrow-right {
    /* Pfeile, die nach rechts zeigen, müssen im Arabischen nach links zeigen */
    transform: rotate(180deg);
}

/* --- Navigation --- */
[dir="rtl"] .nav-links {
    /* Die Reihenfolge der Links umkehren */
    flex-direction: row-reverse;
}

[dir="rtl"] .lang-switch-container {
    /* Trennlinie auf die andere Seite */
    border-left: none;
    border-right: 1px solid var(--border-color);
}