/* SeaOfBattle V14 Mobile Menu Fix
   Put this AFTER sob-v14-ui.css
*/

/* Hamburger button should not become huge */
.hamb,
button.hamb,
.nav .hamb{
    width:auto!important;
    min-width:58px!important;
    max-width:72px!important;
    height:54px!important;
    padding:0 18px!important;
    margin:10px 14px!important;
    display:none;
    align-items:center;
    justify-content:center;
    font-size:30px!important;
    line-height:1!important;
    border-radius:12px!important;
    z-index:80;
}

/* Keep normal menu on desktop */
.navlinks{
    display:flex;
}

/* Mobile menu */
@media(max-width:850px){
    .nav{
        position:sticky;
        top:0;
        z-index:90;
    }

    .hamb,
    button.hamb,
    .nav .hamb{
        display:flex!important;
    }

    .navlinks{
        display:none!important;
        flex-direction:column!important;
        width:100%!important;
        background:linear-gradient(180deg,#130c06,#070403)!important;
        border-top:1px solid rgba(255,216,97,.25);
        box-shadow:0 20px 55px rgba(0,0,0,.55);
    }

    body.menu-open .navlinks,
    .nav.menu-open .navlinks,
    .page-wrap.menu-open .navlinks{
        display:flex!important;
    }

    .navlinks a{
        display:block!important;
        width:100%!important;
        border-left:0!important;
        border-right:0!important;
        border-bottom:1px solid rgba(255,216,97,.12)!important;
        padding:16px 22px!important;
        text-align:left!important;
    }
}

/* Do not force every button full-width on mobile */
@media(max-width:800px){
    .hamb,
    button.hamb,
    .nav .hamb{
        width:auto!important;
    }

    .card .btn,
    .card button,
    form button,
    .package .btn,
    .package button,
    .bulk-actions .btn,
    .bulk-actions button{
        width:auto;
    }
}