/* ============================================
   RTL - SUPPORT ARABE AVEC ANIMATIONS
   ============================================ */
body.rtl {
    direction: rtl;
    text-align: right;
}

/* === ANIMATIONS RTL === */
.rtl .fade-in-up {
    animation: fadeInUpRTL 0.8s ease-out forwards;
}

@keyframes fadeInUpRTL {
    from {
        opacity: 0;
        transform: translateY(30px) translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0) translateX(0);
    }
}

.rtl .slide-in {
    animation: slideInRightRTL 0.8s ease-out forwards;
}

@keyframes slideInRightRTL {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.rtl .section-title::after {
    left: auto;
    right: 0;
}

.rtl .header-top .container {
    flex-direction: row-reverse;
}

.rtl .primary-menu > li > a {
    border-right: none;
    border-left: 1px solid rgba(255,255,255,0.08);
}

.rtl .primary-menu > li:first-child > a {
    border-left: none;
}

.rtl .primary-menu li ul {
    left: auto;
    right: 0;
}

.rtl .primary-menu li ul li ul {
    left: auto;
    right: 100%;
}

.rtl .card-actualite .card-category {
    left: auto;
    right: 15px;
}

.rtl .annonce-item {
    flex-direction: row-reverse;
}

.rtl .annonce-item .annonce-badge {
    margin-left: 0;
    margin-right: 10px;
}

.rtl .sidebar ul li a:hover {
    padding-left: 0;
    padding-right: 5px;
}

.rtl .footer-widget-area ul li a:hover {
    padding-left: 0;
    padding-right: 8px;
}

.rtl .footer-bottom {
    flex-direction: row-reverse;
}

.rtl .back-to-top {
    right: auto;
    left: 30px;
}

.rtl .slider-arrow.prev {
    left: auto;
    right: 20px;
}

.rtl .slider-arrow.next {
    right: auto;
    left: 20px;
}

@media (max-width: 768px) {
    .rtl .header-top .container {
        flex-direction: column;
    }
    
    .rtl .annonce-item {
        flex-direction: column;
    }
    
    .rtl .footer-bottom {
        flex-direction: column;
    }
}