/**
 * Support RTL (Right-to-Left) pour l'arabe
 */

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

/* Ajustements de layout pour RTL */
[dir="rtl"] .form-grid {
    direction: rtl;
}

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

[dir="rtl"] .form-group label {
    text-align: right;
}

/* Inverser les margins/paddings si nécessaire */
[dir="rtl"] .notification-icon {
    margin-left: 12px;
    margin-right: 0;
}

[dir="rtl"] .loading-spinner {
    margin-left: 8px;
    margin-right: 0;
}

/* Inverser les gradients pour un effet cohérent */
[dir="rtl"] .hero,
[dir="rtl"] .section {
    background: linear-gradient(135deg, #16213e 0%, #1a1a2e 100%);
}

/* Ajuster les animations pour RTL */
[dir="rtl"] .form-notification {
    transform: translateY(-10px) scaleX(-1);
}

[dir="rtl"] .form-notification.show {
    transform: translateY(0) scaleX(-1);
}

/* Correction du contenu pour ne pas être inversé */
[dir="rtl"] .form-notification .notification-icon,
[dir="rtl"] .form-notification .notification-message {
    transform: scaleX(-1);
}

/* Police pour l'arabe (optionnel - utilise des polices système) */
[dir="rtl"] body {
    font-family: 'Arabic UI Display', 'Tahoma', 'Arial', sans-serif;
}

/* Ajustements pour les flex containers */
[dir="rtl"] .flex-row {
    flex-direction: row-reverse;
}

[dir="rtl"] .services-grid,
[dir="rtl"] .form-grid {
    direction: rtl;
}

/* Ajustement des borders */
[dir="rtl"] .field-error {
    text-align: right;
}

[dir="rtl"] input.invalid,
[dir="rtl"] select.invalid,
[dir="rtl"] textarea.invalid {
    border-right: 3px solid #e74c3c;
    border-left: none;
}

/* Correction pour les icônes/emojis */
[dir="rtl"] .notification-icon {
    transform: scaleX(-1);
}

/* Media queries pour responsive RTL */
@media (max-width: 768px) {
    [dir="rtl"] .form-grid {
        grid-template-columns: 1fr;
    }
}