/* ==========================================================================
   MENASAAS SHELL - RTL
   Layout adjustments for Right-to-Left languages
   ========================================================================== */

.mnx-nav-list {
    padding-right: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
    margin: 0;
}

.mnx-rail {
    border-right: none !important;
    border-left: 1px solid var(--mnx-border);
}

.mnx-drawer {
    border-right: none !important;
    border-left: 1px solid var(--mnx-border);
    margin-left: 0 !important;
    margin-right: 0;
}

.mnx-app.drawer-closed .mnx-drawer {
    margin-left: 0 !important;
    margin-right: calc(var(--mnx-drawer) * -1) !important;
}

.mnx-app.drawer-closed.drawer-hovered .mnx-drawer {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mnx-bc-sep {
    transform: none !important;
    display: inline-block;
    font-size: 10px !important;
}

[dir="rtl"] .mnx-promo-banner strong {
    border-right: none;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding-right: 0;
    padding-left: 15px;
}

@media (max-width: 768px) {
    .mnx-drawer {
        left: auto !important;
        right: 56px;
        box-shadow: -8px 0 24px rgba(0, 0, 0, .08);
    }

    .mnx-app.drawer-closed .mnx-drawer {
        margin-left: 0 !important;
        margin-right: calc(var(--mnx-drawer) * -1) !important;
        box-shadow: none;
    }
}

.btn-ar {
    font-family: monospace !important;
    line-height: unset !important;
}