/* assets/css/rtl.css - Version minimale pour l'arabe */

/* Direction globale */
.rtl-layout {
    direction: rtl;
    text-align: right;
}

/* Formulaires RTL */
.rtl-layout .form-control,
.rtl-layout .form-select {
    text-align: right;
    direction: rtl;
}

.rtl-layout .form-check {
    padding-right: 1.5em;
    padding-left: 0;
}

.rtl-layout .form-check-input {
    margin-right: -1.5em;
    margin-left: 0;
}

/* Navigation RTL */
.rtl-layout .navbar-nav {
    flex-direction: row-reverse;
}

.rtl-layout .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right;
}

/* Marges et espacement Bootstrap RTL */
.rtl-layout .ms-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
.rtl-layout .ms-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
.rtl-layout .ms-3 { margin-right: 1rem !important; margin-left: 0 !important; }
.rtl-layout .ms-auto { margin-right: auto !important; margin-left: 0 !important; }

.rtl-layout .me-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
.rtl-layout .me-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
.rtl-layout .me-3 { margin-left: 1rem !important; margin-right: 0 !important; }
.rtl-layout .me-auto { margin-left: auto !important; margin-right: 0 !important; }

/* Alignements */
.rtl-layout .text-start { text-align: right !important; }
.rtl-layout .text-end { text-align: left !important; }

/* Boutons et alertes */
.rtl-layout .alert-dismissible .btn-close {
    left: 0;
    right: auto;
    padding: 0.75rem 0.75rem 0.75rem 1.25rem;
}

/* Tables RTL */
.rtl-layout .table th,
.rtl-layout .table td {
    text-align: right;
}

/* Responsive */
@media (max-width: 768px) {
    .rtl-layout .navbar-toggler {
        margin-left: 0;
        margin-right: auto;
    }
}

/* Typography RTL */
.rtl-layout h1, .rtl-layout h2, .rtl-layout h3,
.rtl-layout h4, .rtl-layout h5, .rtl-layout h6 {
    text-align: right;
}

.rtl-layout p, .rtl-layout li {
    text-align: right;
    direction: rtl;
}