/* Overlay */

.mobile-overlay{

    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:998;

}

.mobile-overlay.active{

    opacity:1;
    visibility:visible;

}

/* Sidebar */

.mobile-sidebar{

    position:fixed;
    top:0;
    left:-320px;
    width:300px;
    height:100vh;

    background:#fff;

    z-index:999;

    transition:.35s;

    overflow-y:auto;

    padding:25px;

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

}

.mobile-sidebar.active{

    left:0;

}

/* Header */

.mobile-header{

    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:30px;

}

.mobile-header h3{

    margin:0;
    color:#00a7b5;
    font-weight:700;

}

.mobile-header button{

    border:none;
    background:none;
    font-size:22px;

}

/* Menu */

.mobile-nav{

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

}

.mobile-nav li{

    margin-bottom:12px;

}

.mobile-nav a{

    display:flex;
    align-items:center;

    gap:15px;

    text-decoration:none;

    padding:15px;

    border-radius:12px;

    color:#1f3847;

    background:#fff;

    border:1px solid #e5eef1;

    transition:.3s;

}

.mobile-nav a:hover{

    background:#00a7b5;

    color:#fff;

}

.mobile-nav i{

    width:20px;

}

/* Buttons */

.mobile-buttons{

    margin:25px 0;

}

.btn-login-mobile,
.btn-book-mobile{

    display:block;

    text-align:center;

    padding:14px;

    border-radius:12px;

    text-decoration:none;

    font-weight:600;

    margin-bottom:15px;

}

.btn-login-mobile{

    border:2px solid #00a7b5;

    color:#00a7b5;

}

.btn-book-mobile{

    background:#b66143;

    color:#fff;

}