/* ==========================================================================
   SUTA Mobile Menu
   ========================================================================== */

@media screen and (max-width:768px){

/* =========================================================
   OVERLAY
========================================================= */

#suta-mobile-overlay{

    position:fixed;

    inset:0;

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

    opacity:0;

    visibility:hidden;

    transition:.3s;

    z-index:9997;

}

/* =========================================================
   DRAWER
========================================================= */

#suta-mobile-drawer{

position:fixed;

    top:0;
    left:0;

    width:320px;
    max-width:85vw;

    height:100dvh;

    overflow-y:auto;
    overflow-x:hidden;

    -webkit-overflow-scrolling:touch;

    overscroll-behavior:contain;

    background:#13212B;

    color:#fff;

    overflow-y:auto;
    overflow-x:hidden;

    -webkit-overflow-scrolling:touch;

    touch-action:pan-y;

    overscroll-behavior-y:contain;

    transform:translateX(-100%);

    transition:transform .3s ease;

    z-index:9998;

    box-shadow:0 0 30px rgba(0,0,0,.35);

}

/* =========================================================
   OPEN
========================================================= */

body.suta-mobile-open #suta-mobile-overlay{

    opacity:1;

    visibility:visible;

}

body.suta-mobile-open #suta-mobile-drawer{

    transform:translateX(0);

}

/* =========================================================
   HEADER
========================================================= */

.drawer-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:22px 20px;

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

}

.drawer-title{

    font-size:20px;

    font-weight:700;

    color:#fff;

}

/* =========================================================
   NAV
========================================================= */

#suta-mobile-nav{

    padding:0;

}

#suta-mobile-nav ul{

    list-style:none;

    margin:0;

    padding:0;

}

.suta-mobile-item{

    position:relative;

}

.suta-mobile-link{

    display:block;

    padding:15px 20px;

    color:#fff;

    text-decoration:none;

    transition:.25s;

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

}

.suta-mobile-link:hover{

    background:rgba(255,255,255,.05);

    color:#FF5F00;

}

/* =========================================================
   SUBMENU
========================================================= */

.submenu{

    overflow:hidden;

    max-height:0;

    transition:max-height .3s ease;

    background:rgba(255,255,255,.03);

}

.submenu .suta-mobile-link{

    padding-left:36px;

    font-size:.95rem;

}

.submenu .submenu .suta-mobile-link{

    padding-left:52px;

}

/* =========================================================
   TOGGLE
========================================================= */

.submenu-toggle{

    position:absolute;

    right:8px;

    top:8px;

    width:38px;

    height:38px;

    border:none;

    background:none;

    color:#FF5F00;

    cursor:pointer;

    font-size:24px;

    line-height:38px;

}

/* =========================================================
   SCROLLBAR
========================================================= */

#suta-mobile-drawer::-webkit-scrollbar{

    width:8px;

}

#suta-mobile-drawer::-webkit-scrollbar-thumb{

    background:#394854;

    border-radius:10px;

}

}