/* =============================================
   MOBILE NAV - AvaiBook
   ============================================= */

/* Contenedor principal del drawer */
.mobile-nav {
    width: 100% !important;
    max-width: 100% !important;
}

.mobile-nav .mfn-header-tmpl-menu-sidebar-wrapper {
    width: 100%;
    padding: 20px 0;
}

/* Lista principal */
.mobile-nav .mfn-header-menu {
    width: 100%;
}

/* Ítems de primer nivel */
.mobile-nav .mfn-header-menu > .mfn-menu-li > .mfn-menu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 20px;
    font-weight: 700;
    font-size: 0.95rem;
    color: #333;
    border-bottom: 1px solid #eee;
    background: transparent;
}

.mobile-nav .mfn-header-menu > .mfn-menu-li > .mfn-menu-link:hover {
    background-color: rgba(0,0,0,.04);
    color: #11b3a2;
}

/* Ítems de segundo nivel (submenú directo) */
.mobile-nav .mfn-submenu > .mfn-menu-li > .mfn-menu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 20px 12px 35px;
    font-weight: 600;
    font-size: 0.9rem;
    color: #333;
    border-bottom: 1px solid #f5f5f5;
    background: #f9f9f9;
}

.mobile-nav .mfn-submenu > .mfn-menu-li > .mfn-menu-link:hover {
    color: #11b3a2;
    background-color: #f0f0f0;
}

/* Ítems de tercer nivel */
.mobile-nav .mfn-submenu .mfn-submenu > .mfn-menu-li > .mfn-menu-link {
    padding: 10px 20px 10px 50px;
    font-weight: 400;
    font-size: 0.875rem;
    color: #555;
    background: #f5f5f5;
}

.mobile-nav .mfn-submenu .mfn-submenu > .mfn-menu-li > .mfn-menu-link:hover {
    color: #11b3a2;
}

/* Icono de flecha (indicador submenú) */
.mobile-nav .mfn-menu-subicon,
.mobile-nav .mfn-menu-sub-subicon {
    color: #999;
    font-size: 0.75rem;
}

/* Ocultar icono de flecha en ítems sin hijos */
.mobile-nav .mfn-menu-li:not(.menu-item-has-children) .mfn-menu-subicon {
    display: none;
}

/* Botón de cierre */
.mobile-nav .mfn-close-icon {
    display: flex;
    justify-content: flex-end;
    padding: 15px 20px;
    font-size: 1.2rem;
    color: #333;
    cursor: pointer;
}

.mobile-nav .mfn-close-icon:hover {
    color: #11b3a2;
}

/* Eliminar fondo verde del ítem activo/expandido */
.mobile-nav .mfn-menu-li.current-menu-item > .mfn-menu-link,
.mobile-nav .mfn-menu-li.current-menu-parent > .mfn-menu-link,
.mobile-nav .mfn-menu-li.current-menu-ancestor > .mfn-menu-link {
    color: #11b3a2;
    background: transparent;
}

/* Submenú abierto */
.mobile-nav .mfn-submenu {
    width: 100%;
}