/* assets/css/rtl.css */
/* Styles pour le mode RTL (arabe) */

body.rtl {
    direction: rtl;
    text-align: right;
    font-family: 'Tajawal', 'Poppins', sans-serif;
}

/* Header RTL */
body.rtl .header-container {
    flex-direction: row-reverse;
}

body.rtl .logo-link {
    flex-direction: row-reverse;
}

body.rtl .categories-menu {
    left: auto;
    right: 0;
}

body.rtl .category-link {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

body.rtl .lang-selector {
    flex-direction: row-reverse;
}

/* Navigation RTL */
body.rtl .main-nav {
    flex-direction: row-reverse;
}

/* Product card RTL */
body.rtl .product-info {
    text-align: right;
}

body.rtl .btn-details {
    float: right;
}

/* Footer RTL */
body.rtl .footer-info {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

body.rtl .footer-info i {
    margin-left: 0.75rem;
    margin-right: 0;
}

body.rtl .footer-title {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

body.rtl .social-links {
    flex-direction: row-reverse;
}

/* Form RTL */
body.rtl .form-group input,
body.rtl .form-group select,
body.rtl .form-group textarea {
    text-align: right;
}

/* Pagination RTL */
body.rtl .pagination {
    flex-direction: row-reverse;
}

/* Mobile menu RTL */
body.rtl .mobile-menu {
    left: auto;
    right: -100%;
}

body.rtl .mobile-menu.active {
    left: auto;
    right: 0;
}

body.rtl .mobile-link {
    text-align: right;
}

body.rtl .mobile-lang-selector {
    flex-direction: row-reverse;
}

/* Scroll to top RTL */
body.rtl .scroll-top {
    right: auto;
    left: 30px;
}

/* Adjustments for RTL */
body.rtl .fa-chevron-down,
body.rtl .fa-arrow-left,
body.rtl .fa-arrow-right {
    transform: scaleX(-1);
}

body.rtl .categories-btn .fa-chevron-down {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* Gallery RTL */
body.rtl .thumbnails {
    flex-direction: row-reverse;
}

body.rtl .thumbnail-checkbox input {
    right: auto;
    left: 5px;
}

/* Table RTL */
body.rtl .admin-table th,
body.rtl .admin-table td {
    text-align: right;
}