/* =====================================================
   NAVBAR
===================================================== */

.mut-navbar{
    position:relative;

    display:grid;
    grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);
    align-items:center;

    width:100%;
    height:104px;
    padding:0 60px;

    transition:
        background-color .35s ease,
        backdrop-filter .35s ease;
}

.mut-navbar__left{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    min-width:0;
}

.mut-navbar__right{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    min-width:0;
}

.mut-navbar__logo{
    display:flex;
    justify-content:center;
    align-items:center;
}

.mut-navbar__logo img{
    display:block;
    width:220px;
    max-height:72px;
    object-fit:contain;
}

.mut-main-menu{
    display:flex;
    align-items:center;
    gap:48px;

    margin:0;
    padding:0;
    list-style:none;
}

.mut-main-menu > li{
    margin:0;
    padding:0;
    white-space:nowrap;
}

.mut-main-menu > li > a{
    display:block;

    color:inherit;
    font-size:15px;
    font-weight:500;
    line-height:1;
    text-decoration:none;
    text-transform:uppercase;
}

/* =====================================================
   NAVBAR HOVER
===================================================== */

.mut-navbar::before{
    content:"";

    position:absolute;
    inset:0;

    background:rgba(0,0,0,0);
    backdrop-filter:blur(0);
    -webkit-backdrop-filter:blur(0);

    transition:
        background-color .35s ease,
        backdrop-filter .35s ease;

    pointer-events:none;
    z-index:-1;
}

.mut-navbar:hover::before{
    background:rgba(0,0,0,.75);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width:991px){

    .mut-navbar{
        display:flex;
        justify-content:space-between;
        align-items:center;

        height:auto;
        min-height:88px;
        padding:18px 25px;
    }

    .mut-navbar__left,
    .mut-navbar__right{
        display:flex;
        align-items:center;
    }

    .mut-navbar__left nav,
    .mut-navbar__right nav{
        display:none;
    }

    .mut-navbar__logo{
        justify-content:flex-start;
    }

    .mut-navbar__logo img{
        width:170px;
        max-height:58px;
    }

    .mut-mobile-toggle{
        display:flex;
        margin-left:auto;
    }

}