/*
 * Correctif header mobile.
 *
 * Le header avait un débordement horizontal (ICB étendu à ~1560px) causé par
 * .grid-container (max-width 1200px) qui ne s'adaptait pas au viewport mobile,
 * et par le drawer/boutons/menu-contact qui restaient visibles et empêchaient
 * le burger d'atteindre l'écran.
 *
 * Les règles ci-dessous s'appliquent uniquement sur mobile (max-width 63.99875em,
 * même breakpoint que la règle display:block du .toggle-wrapper dans style.css).
 */
@media print, screen and (max-width: 63.99875em) {
    html,
    body {
        overflow-x: clip;
        max-width: 100vw;
    }

    header {
        width: 100vw;
        max-width: 100vw;
    }

    header .grid-container {
        width: 100%;
        max-width: 100%;
    }

    header .grid-x > .cell.small-1 {
        flex: 0 0 auto;
        width: auto;
    }

    header .cell-menu {
        flex: 1 1 auto;
        width: auto;
    }

    header .cell-bouton > .button,
    header .cell-bouton > .links-list {
        display: none;
    }

    header .cell-menu .header-menu-desktop {
        width: 100vw;
        max-width: 100vw;
        left: auto;
        right: 0;
    }
}