/* Layout */
body {
    padding-bottom: 80px;
}

/* Button Hover Effects */
.btn:hover * {
    color: white !important;
}

/* Error Page Layout */
body.error-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main-content {
    flex: 1;
}

/* Floating Action Button */
.fab {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}

.fab-menu {
    position: fixed;
    bottom: 160px;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.fab-item {
    margin-bottom: 10px;
}

/* QR Scanner */
#qr-reader {
    width: 100%;
    border-radius: 8px;
}

#qr-reader__home_section_header {
    display: none;
}

.scanner-container {
    height: calc(100vh - 300px);
}

/* Snackbar Styling */
.snackbar {
    visibility: hidden; /* Hidden by default */
    opacity: 0;
    position: fixed;
    bottom: 90px; /* Above the FAB */
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 24px;
    border: 2px solid #212529;
    background-color: white;
    color: #212529;
    border-radius: 0.375rem;
    z-index: 1050; /* Below modals but above most content */
    transition: opacity 0.5s, visibility 0.5s;
}

/* This will be toggled by JS */
.snackbar.show {
    visibility: visible;
    opacity: 1;
}