/* ===================================
   MOBILE APP MENU ONLY
=================================== */

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

/* Remove desktop navbar on mobile */
.navbar{
    display:none !important;
}

/* Floating menu button */
.mobile-menu-btn{
    position:fixed;
    right:18px;
    bottom:20px;
    width:58px;
    height:58px;
    border-radius:50%;
    background:#0d6efd;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    z-index:999999;
    box-shadow:0 6px 20px rgba(0,0,0,0.25);
    cursor:pointer;
}

/* Overlay */
.mobile-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.45);
    z-index:999998;
    display:none;
}

/* Drawer */
.mobile-drawer{
    position:fixed;
    top:0;
    right:-100%;
    width:85%;
    max-width:340px;
    height:100%;
    background:#fff;
    z-index:999999;
    overflow-y:auto;
    transition:.3s ease;
    padding:20px;
    box-shadow:-5px 0 25px rgba(0,0,0,0.15);
}

/* Active drawer */
.mobile-drawer.active{
    right:0;
}

/* Active overlay */
.mobile-overlay.active{
    display:block;
}

/* Drawer links */
.mobile-drawer a{
    display:block;
    padding:14px 10px;
    text-decoration:none;
    color:#333;
    border-bottom:1px solid #eee;
    font-size:16px;
}

/* Drawer headings */
.drawer-title{
    font-size:20px;
    font-weight:700;
    margin-bottom:15px;
}

/* Close button */
.close-drawer{
    text-align:right;
    font-size:28px;
    margin-bottom:10px;
    cursor:pointer;
}

/* Submenu */
.drawer-submenu{
    padding-left:15px;
    background:#f7f7f7;
}

.drawer-submenu a{
    font-size:14px;
    padding:12px 10px;
}

/* Better mobile spacing */
body{
    overflow-x:hidden;
}

/* Hide mobile menu button on desktop */
}

@media only screen and (min-width:769px){

.mobile-menu-btn,
.mobile-overlay,
.mobile-drawer{
    display:none !important;
}

}