/* ============================================
   STYLES RTL POUR L'ARABE - VERSION OPTIMISÉE
   ============================================ */

/* Base RTL */
body {
    font-family: 'Cairo', 'Poppins', 'Tahoma', sans-serif;
    text-align: right;
    direction: rtl;
}

/* Conteneurs */
.container, .container-fluid {
    direction: rtl;
}

/* Navigation RTL */
.navbar-nav {
    margin-right: auto;
    margin-left: 0 !important;
    padding-right: 0;
}

.navbar-nav .nav-item {
    margin-left: 0;
    margin-right: 0.5rem;
}

.navbar-nav .nav-link::after {
    left: auto;
    right: 0;
}

/* Marges et Paddings RTL */
.me-auto { margin-right: auto !important; margin-left: 0 !important; }
.ms-auto { margin-left: auto !important; margin-right: 0 !important; }

.me-1, .me-2, .me-3, .me-4, .me-5 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

.ms-1, .ms-2, .ms-3, .ms-4, .ms-5 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

.pe-1, .pe-2, .pe-3, .pe-4, .pe-5 {
    padding-right: 0 !important;
    padding-left: 0.5rem !important;
}

.ps-1, .ps-2, .ps-3, .ps-4, .ps-5 {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
}

/* Text alignment RTL */
.text-start { text-align: right !important; }
.text-end { text-align: left !important; }

/* Features RTL */
.feature-item {
    flex-direction: row;
}

.feature-icon {
    margin-right: 0;
    margin-left: 1rem;
}

/* Boutons avec flèches RTL */
.btn i,
.btn .fa-arrow-right {
    transform: rotate(180deg);
    display: inline-block;
}

.service-card .btn i,
.cta-section .btn i {
    transform: rotate(180deg);
}

/* Footer RTL */
.footer-widget h4::after {
    left: auto;
    right: 0;
}

.footer-links {
    padding-right: 0;
}

.footer-links a:hover {
    padding-left: 0;
    padding-right: 5px;
}

.footer-contact i {
    margin-right: 0;
    margin-left: 0.5rem;
}

.social-icons a {
    margin-right: 0;
    margin-left: 8px;
}

/* Slider Navigation RTL */
.slider-prev,
.slick-prev {
    left: auto !important;
    right: 20px !important;
}

.slider-next,
.slick-next {
    right: auto !important;
    left: 20px !important;
}

.slick-dots {
    direction: ltr;
}

/* Forms RTL */
.form-control,
.form-select {
    text-align: right;
}

.search-box .search-icon {
    right: auto;
    left: 15px;
}

.search-box input {
    padding-right: 15px;
    padding-left: 40px;
}

/* Modal RTL */
.modal-header .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem;
}

.modal-footer {
    justify-content: flex-start;
}

/* Back to Top RTL */
.back-to-top {
    right: auto;
    left: 30px;
}

/* Experience Badge RTL */
.experience-badge {
    right: auto;
    left: -20px;
}

/* Dropdown RTL */
.dropdown-menu,
.dropdown-item {
    text-align: right;
}

/* Breadcrumb RTL */
.breadcrumb {
    padding-right: 0;
}

.breadcrumb-item + .breadcrumb-item {
    padding-right: 0.5rem;
    padding-left: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: 0.5rem;
}

/* Alert RTL */
.alert-dismissible .btn-close {
    right: auto;
    left: 0;
}

/* Responsive RTL */
@media (max-width: 991px) {
    .navbar-collapse {
        text-align: center;
    }
    .navbar-nav .nav-item {
        margin: 0;
    }
    .slider-prev, .slick-prev {
        right: 15px !important;
        left: auto !important;
    }
    .slider-next, .slick-next {
        left: 15px !important;
        right: auto !important;
    }
}

@media (max-width: 768px) {
    .experience-badge {
        left: -10px;
        right: auto;
    }
    .back-to-top {
        left: 20px;
        right: auto;
    }
    .language-switcher {
        left: 20px;
        right: auto;
    }
}

/* Fix floats RTL */
.float-start { float: right !important; }
.float-end { float: left !important; }