/* Mobile fixed bottom navigation */
.mobile-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030; /* above content, below modal-backdrop */
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 8px;
}

.mobile-nav .bloc-icon {
    flex: 1 1 0;
    text-align: center;
    color: #333333;
    text-decoration: none;
}

.mobile-nav .bloc-icon:active,
.mobile-nav .bloc-icon:focus,
.mobile-nav .bloc-icon:hover {
    text-decoration: none;
    color: #198754; /* bootstrap success */
}

.mobile-nav p {
    font-size: 12px;
}

/* Avoid initial scroll bar: make main fill viewport minus nav height */
main.main-content {
    min-height: calc(100vh - 64px);
}

/* Prevent horizontal scroll from minor shifts */
html, body { overflow-x: hidden; }

#reader video {
  object-fit: cover;
}

#reader__scan_region,
#reader__scan_region > div {
  display: flex;
  align-items: flex-start !important; /* 改為靠上 */
  justify-content: center;
}