/**
 * Kiosk mode styles - scaling, banner, overflow handling.
 */

/* Scale via root font-size; disable horizontal scroll */
html.kiosk-mode {
    /* Replaces zoom; scales rem-based UI */
    font-size: 125%;
}

body.kiosk-mode {
    overscroll-behavior: none;
    overflow-x: hidden;
}

body.kiosk-mode .page {
    overflow-x: hidden;
}

/* Kiosk mode banner */
.banner {
    text-align: center;
    padding: 0.5rem 1rem;
    font-weight: 500;
    color: white;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}