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

/* Varsayılan (Desktop) */

.mut-mobile-toggle,
.mut-mobile-overlay,
.mut-mobile-panel{
    display:none;
}


/* Overlay */

.mut-mobile-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    opacity:0;

    visibility:hidden;

    transition:.35s ease;

    z-index:99998;

}


/* Panel */

.mut-mobile-panel{

    position:fixed;

    top:0;

    right:0;

    width:420px;

    max-width:100%;

    height:100vh;

    background:#1f1f1f;

    transform:translateX(100%);

    transition:transform .35s ease;

    z-index:99999;

    overflow-y:auto;

}


/* Panel Header */

.mut-mobile-header{

    height:70px;

    display:flex;

    justify-content:flex-end;

    align-items:center;

    padding:0 25px;

}


/* Close */

.mut-mobile-close{

    width:40px;

    height:40px;

    border:none;

    background:none;

    color:#fff;

    font-size:34px;

    cursor:pointer;

}


/* Mobile Menu */

.mut-mobile-menu-list{

    list-style:none;

    margin:0;

    padding:0;

}

.mut-mobile-menu-list li{

    border-bottom:1px solid rgba(255,255,255,.08);

}

.mut-mobile-menu-list a{

    display:block;

    padding:18px 30px;

    color:#fff;

    text-decoration:none;

    text-transform:uppercase;

    letter-spacing:.05em;

}


/* Hamburger */

.mut-mobile-toggle{

    width:44px;

    height:44px;

    border:none;

    background:none;

    cursor:pointer;

    padding:0;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:5px;

}

.mut-mobile-toggle span{

    display:block;

    width:24px;

    height:2px;

    background:#fff;

    transition:.30s ease;

}


/* Açık Durum */

body.mobile-open{

    overflow:hidden;

}

body.mobile-open .mut-mobile-overlay{

    opacity:1;

    visibility:visible;

}

body.mobile-open .mut-mobile-panel{

    transform:translateX(0);

}

body.mobile-open .mut-mobile-toggle span:nth-child(1){

    transform:translateY(7px) rotate(45deg);

}

body.mobile-open .mut-mobile-toggle span:nth-child(2){

    opacity:0;

}

body.mobile-open .mut-mobile-toggle span:nth-child(3){

    transform:translateY(-7px) rotate(-45deg);

}


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width:991px){

    .mut-navbar{

        grid-template-columns:1fr auto;

        align-items:center;

    }

    .mut-navbar__left,
    .mut-navbar__right{

        display:none;

    }

    .mut-navbar__logo{

        justify-self:start;

    }

    .mut-mobile-toggle{

        display:flex;

        justify-self:end;

    }

    .mut-mobile-overlay,
    .mut-mobile-panel{

        display:block;

    }

}

.mut-mobile-toggle{
    background:#1F9D87 !important;
}

.mut-mobile-toggle span{
    background:yellow !important;
    height:4px !important;
}