/**
 * Corrections RTL pour les panels Filament (arabe). Filament pose déjà
 * dir="rtl" sur <html> et retourne la majorité de la mise en page via ses
 * propres traductions (cf. vendor/filament/filament/resources/lang/ar) ;
 * cette feuille ne couvre que les points explicitement signalés dans le
 * guide d'implémentation : tableaux, modales, menus déroulants, icônes de
 * tri, fil d'Ariane.
 */

[dir='rtl'] {
    /* Tableaux : alignement du contenu à droite par défaut */
    .fi-ta-table {
        text-align: right;
    }

    .fi-ta-header-cell,
    .fi-ta-cell {
        text-align: right;
    }

    /* Icônes de tri : effet miroir pour suivre le sens de lecture */
    .fi-ta-header-cell-sort-icon {
        transform: scaleX(-1);
    }

    /* Fenêtres modales : bouton de fermeture et actions à gauche */
    .fi-modal-header-close-btn {
        margin-inline-start: 0;
        margin-inline-end: auto;
    }

    .fi-modal-header {
        flex-direction: row-reverse;
    }

    /* Menus déroulants : ouverture vers la gauche */
    .fi-dropdown-panel {
        transform-origin: top left;
    }

    /* Fil d'Ariane : inversion du sens des séparateurs */
    .fi-breadcrumbs-list {
        flex-direction: row-reverse;
    }

    .fi-breadcrumbs-separator {
        transform: scaleX(-1);
    }
}
