/* =========================================================
   Menu mobile (SlickNav) en plein écran
   ========================================================= */

/*
 * Par défaut (thème Bizberg), le panneau ".slicknav_nav" est en
 * "position: absolute" par rapport au flux de la page : son "top" est
 * recalculé en JS (assets/js/custom.js) selon la hauteur du header, mais
 * comme il n'est pas "fixed", il défile AVEC la page plutôt que de rester
 * plaqué à l'écran. Résultat : si le menu est plus haut que l'espace visible
 * (ou si la page était déjà scrollée à l'ouverture), on ne voit qu'une partie
 * du menu et il faut faire défiler la PAGE pour voir le reste.
 *
 * On passe le panneau en "position: fixed" pour qu'il occupe tout l'écran
 * sous le header, quelle que soit la position de scroll de la page, avec
 * son propre défilement interne si la liste est trop longue.
 */
@media only screen and (max-width: 1024px) {

    .slicknav_menu .slicknav_nav {
        position: fixed !important;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

}