/* merged-custom.css - Combined clean layout and working collapse */

/* Ensure the navbar is visible and properly aligned */
.navbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.5rem 1rem !important;
}

.navbar-brand {
    margin-right: 128px !important;
}

/* Ensure navbar-toggler works */
.navbar-toggler {
    display: block !important;
}

/* Remove legacy styles */
/*.icon-bar {
    display: none !important;
}*/

/* Clean and responsive navigation list */
.navigationUl {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.navigationUl li {
    padding: 0 !important;
}

.navigationUl li a {
    display: block !important;
    padding: 0.5rem 1rem !important;
    color: inherit !important;
    text-decoration: none !important;
}

.navigationUl li a:hover {
    color: #0d6efd !important;
    text-decoration: underline !important;
}

/* Responsive behavior for collapse */
@media (min-width: 992px) {
    .navbar-collapse {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end;
    }
}

@media (max-width: 991.98px) {
    .navbar-collapse {
        flex-direction: column !important;
        background-color: #fff !important;
    }

    .navbar-nav {
        width: 106%;
    }

    .navbar-nav .nav-item {
        text-align: center;
        width: 100%;
    }
    
    .navigationUl {
        align-items: normal;
        flex-direction: column !important;
    }
    
    .supLogo {
        margin-top: 15px;
    }
    
    .navbar-collapse.show {
        display: flex !important;
    }
}

.navbar-collapse.show {
    display: flex !important;
    flex-direction: column !important;
}

.navigationUl li a,
.navigationUl li a:hover,
.navigationUl li a:focus,
.navigationUl li a:active {
    color: inherit !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}