/* On short viewports, including browser zoom, leave room for video controls.
   This stylesheet is enqueued only on the Recrute Aide page. */
@media screen and (max-height: 480px) {
    .mainheader,
    .burger-menu-v2,
    .burger-menu-v2.mobile-open {
        position: relative;
        inset: auto;
    }

    .mainheader__mobile-bottom-bar {
        position: relative;
        bottom: auto;
    }

    /* Keep utility shortcuts reachable without covering zoomed page content. */
    .sticky-top-wrapper {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
        grid-column: 1 / -1;
        justify-content: flex-end;
        width: 100%;
    }

    /* The action bar is in normal flow, so the chatbot needs no fixed-bar gap. */
    #kmb-ulwb-container {
        --kmb-bottom-bar-offset: 0px;
    }
}