/* Sticky Header for public / outside pages */
.header {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background-color: #070a12 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

@media screen and (max-width: 991px) {
    .header {
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background-color: #070a12 !important;
        z-index: 99999 !important;
        max-height: none !important;
    }
}

/* Fix Bootstrap / App Input Group Row Alignment */
.input-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
}

.input-group > .form--control,
.input-group > .form-control {
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    height: 51px !important;
}

.input-group > .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 51px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.input-group > .btn:not(:last-child) {
    border-radius: 0 !important;
}

.input-group > .btn:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* Notice Banner High-Contrast Dark Styling */
#globalNotificationBanner,
#globalNotificationBanner p,
#globalNotificationBanner span,
#globalNotificationBanner div,
#globalNotificationBanner li,
#globalNotificationBanner em,
#globalNotificationBanner font {
    color: #e2e8f0 !important;
}

#globalNotificationBanner strong,
#globalNotificationBanner b,
#globalNotificationBanner h1,
#globalNotificationBanner h2,
#globalNotificationBanner h3,
#globalNotificationBanner h4,
#globalNotificationBanner h5,
#globalNotificationBanner h6 {
    color: #ffffff !important;
}

#globalNotificationBanner a.btn {
    color: #000000 !important;
    background-color: var(--base-color, #4634ff) !important;
    font-weight: 600 !important;
}