/* extracted from templates/base.html */
.nav-actions-always{
    display:none !important;
}

@media(max-width:991px){
    .glass-nav .container{
        display:flex !important;
        align-items:center !important;
        flex-wrap:nowrap !important;
        gap:10px !important;
    }

    .glass-nav .navbar-brand{
        flex:0 1 auto !important;
        min-width:0 !important;
    }

    .glass-nav .mina-brand span{
        max-width:120px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    .glass-nav .navbar-toggler{
        order:5 !important;
        flex:0 0 auto !important;
        margin-inline-start:4px !important;
    }

    .nav-actions-always{
        order:4 !important;
        display:flex !important;
        flex:0 0 auto !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:6px !important;
        margin-inline-start:auto !important;
        white-space:nowrap !important;
        min-width:0 !important;
    }

    .nav-actions-always .nav-user{
        max-width:92px !important;
        min-height:34px !important;
        padding:0 10px !important;
        font-size:12px !important;
    }

    .nav-actions-always .btn{
        min-height:34px !important;
        padding:0 12px !important;
        font-size:12px !important;
        border-radius:999px !important;
    }

    .nav-actions-collapse{
        display:none !important;
    }

    .glass-nav .navbar-collapse{
        position:absolute !important;
        top:100% !important;
        right:12px !important;
        left:12px !important;
        width:auto !important;
        padding:14px !important;
        border-radius:22px !important;
        background:rgba(255,255,255,.96) !important;
        border:1px solid rgba(36,20,34,.10) !important;
        box-shadow:0 22px 55px rgba(36,20,34,.13) !important;
        backdrop-filter:blur(18px) !important;
        z-index:2000 !important;
    }

    .glass-nav .navbar-collapse:not(.show){
        display:none !important;
    }

    .glass-nav .navbar-collapse.show{
        display:block !important;
    }
}

@media(min-width:992px){
    .nav-actions-always{
        display:none !important;
    }
    .nav-actions-collapse{
        display:flex !important;
    }
}