/* assets/css/rtl.css */

html[dir="rtl"] {
    text-align: right;
}

html[dir="rtl"] .nav-links {
    margin-right: auto;
    margin-left: 0;
}

html[dir="rtl"] .brand {
    flex-direction: row; 
    /* Icon and text flow naturally in RTL */
}

html[dir="rtl"] .lang-dropdown {
    right: auto;
    left: 0;
}

html[dir="rtl"] .footer-links a:hover {
    padding-left: 0;
    padding-right: 4px;
}

/* Mirror icons if necessary */
html[dir="rtl"] .icon-mirror {
    transform: scaleX(-1);
}

@media (max-width: 768px) {
    html[dir="rtl"] .nav-links {
        margin: 0;
    }
}