/* Support RTL pour la langue arabe */

/* Direction RTL pour l'arabe */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Inversion des marges et paddings pour RTL */
[dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1rem; }
[dir="rtl"] .ml-3 { margin-left: 0; margin-right: 0.75rem; }
[dir="rtl"] .ml-2 { margin-left: 0; margin-right: 0.5rem; }
[dir="rtl"] .ml-1 { margin-left: 0; margin-right: 0.25rem; }
[dir="rtl"] .ml-auto { margin-left: 0; margin-right: auto; }

[dir="rtl"] .mr-4 { margin-right: 0; margin-left: 1rem; }
[dir="rtl"] .mr-3 { margin-right: 0; margin-left: 0.75rem; }
[dir="rtl"] .mr-2 { margin-right: 0; margin-left: 0.5rem; }
[dir="rtl"] .mr-1 { margin-right: 0; margin-left: 0.25rem; }
[dir="rtl"] .mr-auto { margin-right: 0; margin-left: auto; }

/* Inversion des paddings */
[dir="rtl"] .pl-4 { padding-left: 0; padding-right: 1rem; }
[dir="rtl"] .pl-3 { padding-left: 0; padding-right: 0.75rem; }
[dir="rtl"] .pl-2 { padding-left: 0; padding-right: 0.5rem; }
[dir="rtl"] .pl-1 { padding-left: 0; padding-right: 0.25rem; }

[dir="rtl"] .pr-4 { padding-right: 0; padding-left: 1rem; }
[dir="rtl"] .pr-3 { padding-right: 0; padding-left: 0.75rem; }
[dir="rtl"] .pr-2 { padding-right: 0; padding-left: 0.5rem; }
[dir="rtl"] .pr-1 { padding-right: 0; padding-left: 0.25rem; }

/* Inversion des positions */
[dir="rtl"] .left-0 { left: auto; right: 0; }
[dir="rtl"] .right-0 { right: auto; left: 0; }
[dir="rtl"] .left-4 { left: auto; right: 1rem; }
[dir="rtl"] .right-4 { right: auto; left: 1rem; }

/* Inversion des flexbox */
[dir="rtl"] .flex-row { flex-direction: row-reverse; }
[dir="rtl"] .justify-start { justify-content: flex-end; }
[dir="rtl"] .justify-end { justify-content: flex-start; }
[dir="rtl"] .text-left { text-align: right; }
[dir="rtl"] .text-right { text-align: left; }

/* Inversion des bordures */
[dir="rtl"] .border-l { border-left: none; border-right: 1px solid; }
[dir="rtl"] .border-r { border-right: none; border-left: 1px solid; }
[dir="rtl"] .border-l-4 { border-left: none; border-right: 4px solid; }
[dir="rtl"] .border-r-4 { border-right: none; border-left: 4px solid; }

/* Inversion des ombres */
[dir="rtl"] .shadow-l { box-shadow: -4px 0 6px -1px rgba(0, 0, 0, 0.1); }
[dir="rtl"] .shadow-r { box-shadow: 4px 0 6px -1px rgba(0, 0, 0, 0.1); }

/* Inversion des icônes SVG */
[dir="rtl"] svg {
    transform: scaleX(-1);
}

/* Correction pour les icônes qui ne doivent pas être inversées */
[dir="rtl"] .no-flip {
    transform: none;
}

/* Styles spécifiques pour l'arabe */
.lang-ar {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;
}

.lang-ar h1, .lang-ar h2, .lang-ar h3, .lang-ar h4, .lang-ar h5, .lang-ar h6 {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;
    font-weight: 600;
}

/* Espacement des caractères arabes */
.lang-ar {
    letter-spacing: 0.025em;
    line-height: 1.6;
}

/* Correction pour les numéros dans l'arabe */
[dir="rtl"] .ltr-numbers {
    direction: ltr;
    display: inline-block;
}

/* Styles pour les formulaires RTL */
[dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select {
    text-align: right;
}

[dir="rtl"] input[type="email"], [dir="rtl"] input[type="url"] {
    direction: ltr;
    text-align: left;
}

/* Correction pour les tableaux RTL */
[dir="rtl"] table {
    direction: rtl;
}

[dir="rtl"] th, [dir="rtl"] td {
    text-align: right;
}

/* Correction pour les listes RTL */
[dir="rtl"] ul, [dir="rtl"] ol {
    padding-right: 0;
    padding-left: 1.5rem;
}

[dir="rtl"] li {
    text-align: right;
}

/* Correction pour les boutons RTL */
[dir="rtl"] .btn {
    text-align: center;
}

/* Correction pour les modales RTL */
[dir="rtl"] .modal {
    text-align: right;
}

/* Correction pour les cartes RTL */
[dir="rtl"] .card {
    text-align: right;
}

/* Correction pour les grilles RTL */
[dir="rtl"] .grid {
    direction: rtl;
}

/* Correction pour les flexbox RTL */
[dir="rtl"] .flex {
    direction: rtl;
}

/* Correction pour les espacements RTL */
[dir="rtl"] .space-x-4 > * + * {
    margin-left: 0;
    margin-right: 1rem;
}

[dir="rtl"] .space-x-2 > * + * {
    margin-left: 0;
    margin-right: 0.5rem;
}

[dir="rtl"] .space-x-1 > * + * {
    margin-left: 0;
    margin-right: 0.25rem;
}

/* Correction pour les espacements verticaux RTL */
[dir="rtl"] .space-y-4 > * + * {
    margin-top: 1rem;
    margin-bottom: 0;
}

[dir="rtl"] .space-y-2 > * + * {
    margin-top: 0.5rem;
    margin-bottom: 0;
}

[dir="rtl"] .space-y-1 > * + * {
    margin-top: 0.25rem;
    margin-bottom: 0;
}