/* "Gate Mode" - an opt-in, larger-touch-target/less-clutter mode aimed at a tablet sitting at the
   guard house, where Daily Log/Scan are used all shift long rather than browsed casually. Toggled
   via the navbar button (SECURITY/GATESECURITY/ADMIN only - see _Layout.cshtml) and persisted in
   localStorage so it stays on across page loads/reloads without needing a server round-trip or a
   DB column just for a personal display preference.

   Everything here is scoped under body.gate-mode so it has zero effect unless the toggle is on -
   nothing about the default layout changes. */

body.gate-mode {
    font-size: 1.15rem;
}

body.gate-mode .btn {
    font-size: 1.1em;
    padding: 0.65rem 1.15rem;
}

body.gate-mode .btn-sm {
    font-size: 1em;
    padding: 0.5rem 0.9rem;
}

/* Bigger tap targets on the tables Daily Log/VisitorsOnly/History live in - the actual content most
   used at the gate. */
body.gate-mode table td,
body.gate-mode table th {
    padding: 0.85rem 0.75rem;
    font-size: 1em;
}

/* The footer's links (Privacy/Login) aren't useful mid-shift and just add scroll distance on a
   tablet. */
body.gate-mode footer {
    display: none;
}

/* Collapses the "My Options" mega-dropdown's less-relevant admin/reporting links out of the way
   visually by shrinking them, without actually removing any functionality - still reachable, just
   de-emphasized in favor of the bigger primary action buttons on the page itself. */
body.gate-mode .navbar {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
}

body.gate-mode .navbar-brand img {
    height: 44px;
}