/* Base navbar styling */
.navbar.navbar-inverse {
    background-color: #222222 !important;
    border-color: #080808 !important;
    min-height: 50px !important;
}

.navbar-fixed-top {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1030 !important;
}

.navbar > .container {
    width: 100% !important;
    max-width: 1200px !important; /* Match width of progress tracker */
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 2rem !important; /* Same padding as tracker */
    position: relative !important; /* Add this for absolute positioning context */
}

/*
.navbar-right {
    position: absolute !important;
    right: 2rem !important; 
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}
*/

.navbar.navbar-inverse .navbar-collapse {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.navbar.navbar-inverse .navbar-nav {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    gap: 20px !important;
}

.navbar.navbar-inverse .navbar-brand {
    margin-left: 15px !important; /* Move I'm Good slightly right */
    margin-right: 30px !important;
}

.navbar.navbar-inverse .navbar-nav > li {
    margin: 0 !important;
}

    .navbar.navbar-inverse .navbar-nav > li > a {
        white-space: nowrap !important;
        min-width: max-content !important;
    }

    .navbar.navbar-inverse .navbar-nav > li > a,
    .navbar.navbar-inverse .navbar-brand {
        font-size: 18px !important;
        padding: 15px !important;
        line-height: 20px !important;
        height: 50px !important;
        color: #9d9d9d !important;
        text-decoration: none !important;
        display: flex !important;
        align-items: center !important;
    }

        .navbar.navbar-inverse .navbar-nav > li > a:hover,
        .navbar.navbar-inverse .navbar-brand:hover {
            color: #ffffff !important;
        }

.navbar-right {
    margin-left: auto !important; /* Pushes to the right */
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding-right: 0 !important; /* No additional padding */
    margin-right: 0 !important; /* No additional margin */
}

.nav-center {
    height: 26px;
    width: 460px;
    position: relative;
    overflow: visible;
}

.user-section {
    height: 26px;
    width: 230px;
    position: relative;
}

.navbar-header,
.navbar-nav {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}