/* Shared Login / Register navigation fit and logical-direction safety. */
#main-menu .menu.menu-primary > :is(
    #Primary_Navbar-Login,
    [menuItemName="Login"]
) > a[href="/login"] {
    white-space: nowrap;
}

@media (min-width: 992px) and (max-width: 1100px) {
    #main-menu .menu.menu-primary > :is(
        #Primary_Navbar-Login,
        [menuItemName="Login"]
    ) > a[href="/login"] {
        font-size: 13px !important;
        letter-spacing: -0.01em;
        padding-inline: 12px !important;
    }
}

@media (max-width: 991.98px) {
    #main-menu .menu.menu-primary > :is(
        #Primary_Navbar-Login,
        [menuItemName="Login"]
    ) > a[href="/login"] {
        align-items: center;
        display: flex;
        justify-content: center;
        min-block-size: 56px;
        text-align: center;
    }

    html[dir="rtl"] .app-nav-menu {
        left: auto !important;
        right: 0 !important;
    }

    html[dir="rtl"] body:not(.menu-open) .app-nav-menu {
        transform: translate3d(100%, 0, 0) !important;
    }

    html[dir="rtl"] body.menu-open .app-nav-menu,
    html[dir="rtl"].overflow-x-hidden .app-nav-menu {
        transform: translate3d(0, 0, 0) !important;
    }

    html[dir="rtl"] .app-nav-menu .menu > li {
        transform: translate3d(10px, 0, 0);
    }

    html[dir="rtl"] body.menu-open .app-nav-menu .menu > li,
    html[dir="rtl"].overflow-x-hidden .app-nav-menu .menu > li {
        transform: translate3d(0, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    #main-menu .menu.menu-primary > :is(
        #Primary_Navbar-Login,
        [menuItemName="Login"]
    ) > a[href="/login"] {
        transition: none !important;
    }
}