/* RTL (Right-to-Left) Styles for Arabic Language */

/* Apply RTL direction to the entire body when language is Arabic */
html[lang="ar"] {
    direction: rtl;
    text-align: right;
}

/* Reverse padding and margins for RTL */
html[lang="ar"] .container,
html[lang="ar"] .row,
html[lang="ar"] .col {
    direction: rtl;
}

/* Reverse float for RTL */
html[lang="ar"] .float-left {
    float: right !important;
}

html[lang="ar"] .float-right {
    float: left !important;
}

/* Reverse text alignment for RTL */
html[lang="ar"] .text-left {
    text-align: right !important;
}

html[lang="ar"] .text-right {
    text-align: left !important;
}

html[lang="ar"] .navbar .container{
    flex-direction: row-reverse;
}

/* Adjust navbar for RTL */
html[lang="ar"] .navbar .container .nav-links {
    flex-direction: row !important;
}

html[lang="ar"] .navbar .nav-link {
    margin-right: 0;
    margin-left: 1rem;
}

/* Adjust language dropdown for RTL */
html[lang="ar"] #languageDropdown {
    left: auto;
    right: 0;
}

/* Adjust mobile menu for RTL */
html[lang="ar"] #mobile-menu {
    left: auto;
    right: 0;
    transform: translateX(-100%);
}

html[lang="ar"] #mobile-menu.active {
    transform: translateX(0);
}

/* Adjust footer for RTL */
html[lang="ar"] footer .grid {
    direction: rtl;
}

html[lang="ar"] .space-x-4 {
    flex-direction: row-reverse;
}



/* Adjust hover animations for RTL */
html[lang="ar"] .hover\:translate-x-1:hover {
    transform: translateX(-1px) !important;
}

/* Adjust form elements for RTL */
html[lang="ar"] input,
html[lang="ar"] textarea {
    text-align: right;
}

/* Adjust icons and buttons for RTL */
html[lang="ar"] .ri-arrow-right-line:before {
    content: "\ea64"; /* ri-arrow-left-line */
}

html[lang="ar"] .ri-arrow-left-line:before {
    content: "\ea6c"; /* ri-arrow-right-line */
}

section {
    overflow-x: clip !important;
    max-width: 100%;
}