/* ==========================================
   RTL STYLE OVERRIDES FOR ARABIC VERSION
   ========================================== */

/* Flip margins and paddings */
.ti-icon {
    margin-right: 0 !important;
    margin-left: 12px !important;
}

/* Modal close button positioning */
.modal-close {
    right: auto !important;
    left: 20px !important;
}

/* Floating widgets positioning */
.floating-widgets {
    right: auto !important;
    left: 24px !important;
}

/* Arrow icons mirroring - automatically flips the direction of arrow icons in RTL */
.ri-arrow-right-line::before {
    content: "\ea60" !important; /* Remix icon left arrow */
}
.ri-arrow-right-s-line::before {
    content: "\ea64" !important; /* Remix icon left arrow s */
}
.ri-arrow-left-s-line::before {
    content: "\ea6e" !important; /* Remix icon right arrow s */
}

/* Text alignments */
.text-left {
    text-align: right !important;
}
.text-right {
    text-align: left !important;
}

/* Fixes for flex/grid margins that are not using gap */
.ti-profile-details {
    align-items: flex-start !important;
}

/* Fix standard dropdown alignment in RTL */
.dropdown-content {
    left: auto !important;
    right: 50% !important;
    transform: translateX(50%) translateY(15px) !important;
}
.dropdown:hover .dropdown-content {
    transform: translateX(50%) translateY(5px) !important;
}

/* Align submenus text correctly to the right */
.standard-dropdown ul li a, .megamenu-col ul li a {
    text-align: right !important;
}
.megamenu-col h3 {
    text-align: right !important;
    border-bottom: 2px solid var(--primary-light) !important;
}
.megamenu-col ul li a:hover {
    padding-left: 0 !important;
    padding-right: 6px !important;
}
.standard-dropdown ul li a i {
    margin-left: 8px !important;
    margin-right: 0 !important;
}