/**
 * Mobiel menu (includes/mobiel-menu.php, assets/js/shared/mobiel-menu.js):
 * alleen wat nodig is om het te laten werken. De opmaak (kleuren, maten,
 * balk en kaart) staat in het thema.
 */

/* het item Inloggen staat als knopje bovenin */
#mobile-drawer #mobile-secondary-menu > li.carmel-lade-verborgen {
    display: none;
}

/* de knopjes in de kop van het menu naast elkaar */
#mobile-drawer .carmel-lade-knoppen {
    display: flex;
    align-items: center;
    gap: 8px;
}

#mobile-drawer .carmel-lade-knoppen > :is(.carmel-lade-zoeken, .carmel-inloggen-knop),
#mobile-header .carmel-inloggen-knop {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

/* inloggen: alleen de kop en de inlogkaart */
#mobile-drawer.carmel-lade--inloggen .drawer-content > .site-header-item {
    display: none !important;
}

#mobile-drawer .carmel-lade-inloggen[hidden] {
    display: none;
}

#mobile-drawer .carmel-lade-inloggen ul {
    margin: 0;
    padding: 0;
    list-style: none;
}