/*
 * Companion to kiosk-lock.js. Removes the interactions that let a visitor leave
 * the layout in a state they cannot recover from on a touch screen with no
 * keyboard: text selection, drag, callouts, pull-to-refresh and pinch zoom.
 */

html,
body {
    /* Blocks pinch zoom and the pull-to-refresh gesture. */
    touch-action: pan-x pan-y;
    overscroll-behavior: none;
    -webkit-text-size-adjust: 100%;
}

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

/* Inputs stay selectable — the queue form has to be typeable. */
input,
textarea,
select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

img,
a {
    -webkit-user-drag: none;
    user-drag: none;
}

/*
 * Shown only while the page is not fullscreen, so under a properly configured
 * kiosk browser it never appears. Any tap dismisses it and supplies the gesture
 * the Fullscreen API requires.
 */
#kiosk-fullscreen-prompt {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(33, 30, 96, 1);
    color: #fff;
    text-align: center;
    cursor: pointer;
}

#kiosk-fullscreen-prompt .kiosk-prompt-title {
    margin: 0;
    font-family: "Anton", system-ui, sans-serif;
    font-size: 6vh;
    letter-spacing: 0.04em;
}