/* 
 * RTL CSS pour la version arabe du site Centre Dentaire Shemsi
 * Support du mode RTL (right-to-left) pour l'arabe
 */

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

/* Police arabe */
[dir="rtl"] body {
    font-family: 'Cairo', 'Tajawal', 'Noto Kufi Arabic', 'Inter', sans-serif;
}

/* Navigation RTL */
[dir="rtl"] .desktop-menu,
[dir="rtl"] nav ul {
    flex-direction: row-reverse;
}

[dir="rtl"] .flex {
    flex-direction: row-reverse;
}

[dir="rtl"] .space-x-2 > * + *,
[dir="rtl"] .space-x-4 > * + *,
[dir="rtl"] .space-x-6 > * + *,
[dir="rtl"] .space-x-8 > * + * {
    margin-left: 0;
}

/* Icônes et espacements */
[dir="rtl"] .mr-1 { margin-right: 0; margin-left: 0.25rem; }
[dir="rtl"] .mr-2 { margin-right: 0; margin-left: 0.5rem; }
[dir="rtl"] .mr-3 { margin-right: 0; margin-left: 0.75rem; }
[dir="rtl"] .mr-4 { margin-right: 0; margin-left: 1rem; }

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

/* Padding */
[dir="rtl"] .pr-4 { padding-right: 0; padding-left: 1rem; }
[dir="rtl"] .pl-4 { padding-left: 0; padding-right: 1rem; }

/* Alignement texte */
[dir="rtl"] .text-left { text-align: right; }
[dir="rtl"] .text-right { text-align: left; }

/* Flex items */
[dir="rtl"] .items-start { align-items: flex-end; }
[dir="rtl"] .justify-start { justify-content: flex-end; }
[dir="rtl"] .justify-end { justify-content: flex-start; }

/* Cartes et éléments */
[dir="rtl"] .contact-item i {
    margin-right: 0;
    margin-left: 12px;
}

/* Bordures */
[dir="rtl"] .border-l-4 { 
    border-left: 0; 
    border-right: 4px solid; 
}
[dir="rtl"] .border-r-4 { 
    border-right: 0; 
    border-left: 4px solid; 
}

/* Grilles - pas besoin d'inversion pour grid */
[dir="rtl"] .grid {
    direction: rtl;
}

/* Listes */
[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: 1.5rem;
    padding-left: 0;
}

/* Flèches et chevrons - inverser la direction */
[dir="rtl"] .fa-arrow-right:before {
    content: "\f060"; /* fa-arrow-left */
}

[dir="rtl"] .fa-arrow-left:before {
    content: "\f061"; /* fa-arrow-right */
}

[dir="rtl"] .fa-chevron-right:before {
    content: "\f053"; /* fa-chevron-left */
}

[dir="rtl"] .fa-chevron-left:before {
    content: "\f054"; /* fa-chevron-right */
}

/* Formulaires */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    text-align: right;
}

/* Tooltips et popups */
[dir="rtl"] .tooltip {
    direction: rtl;
    text-align: right;
}

/* Animations - garde les mêmes propriétés */
[dir="rtl"] .hover-scale:hover {
    transform: scale(1.05);
}

/* Mobile menu */
@media (max-width: 768px) {
    [dir="rtl"] #mobileMenu {
        direction: rtl;
        text-align: right;
    }
}