/* Prevent horizontal scroll on mobile caused by overflowing elements */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}

.status-bar-safe-area {
    display: flex;
    position: sticky;
    top: 0;
    height: env(safe-area-inset-top, 0px);
    background-color: #f7f7f7;
    width: 100%;
    z-index: 1;
}

.flex-column, .navbar-brand {
    padding-left: env(safe-area-inset-left, 0px);
}