/* Additional RTL fixes for Arabic language support */

/* Fix for mixed language display in sidebar and other components */
html[lang="ar"] .sidebar-menu {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .sidebar-item-label {
    text-align: right;
}

html[lang="ar"] .sidebar-icon {
    margin-right: 0;
    margin-left: 10px;
}

html[lang="ar"] .dropdown-menu {
    text-align: right;
}

html[lang="ar"] .navbar-light .navbar-nav .nav-link {
    text-align: right;
}

/* Fix alignment for workspace cards */
html[lang="ar"] .widget-group {
    direction: rtl;
}

html[lang="ar"] .widget-group-title {
    text-align: right;
}

html[lang="ar"] .widget-body {
    text-align: right;
}

/* Fix for page titles and breadcrumbs */
html[lang="ar"] .page-title {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .breadcrumb-container {
    direction: rtl;
}

html[lang="ar"] .breadcrumb-item {
    float: right;
}

html[lang="ar"] .breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: 0.5rem;
}

/* Fix for RTL in forms */
html[lang="ar"] .form-page {
    direction: rtl;
}

html[lang="ar"] .form-section {
    direction: rtl;
}

/* Fix button alignment */
html[lang="ar"] .standard-actions {
    direction: rtl;
}

html[lang="ar"] .custom-actions {
    direction: rtl;
}

/* Specific fix for language dropdown to ensure it appears */
.avatar-frame {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* Force display language switcher */
.nav-item.dropdown.dropdown-navbar-user {
    display: block !important;
}

/* Fix for menu animations */
html[lang="ar"] .dropdown-menu.show {
    transform-origin: top right !important;
}

/* Override any hidden or invisible elements */
html[lang="ar"] .navbar-nav .dropdown {
    display: inline-block !important;
    visibility: visible !important;
}

/* Fix for profile dropdown */
html[lang="ar"] .dropdown-menu-right {
    right: auto !important;
    left: 0 !important;
}

/* Ensure translations are applied to all UI elements */
html[lang="ar"] * {
    font-family: 'Tajawal', 'Lato', sans-serif;
}