/* -----------------------------
   Navbar styling - OribNet
----------------------------- */
.navbar {
    background-color: #00438b !important; /* OribNet blue */
    min-height: 85px;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

/* Logo */
.navbar .navbar-brand img {
    height: 74px;
    width: auto;
    display: block;
    padding: 4px 10px 4px 0;
}

/* Nav links */
.navbar-nav .nav-item .nav-link {
    color: #ffffff;  /* white links */
    padding: 0.3rem 1rem;
    display: flex;
    align-items: center;
    text-decoration: underline; /* consistent underline for nav links */
}

.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link:focus {
    color: #66c0ff;  /* lighter hover blue */
}

/* Dropdowns */
.dropdown-menu {
    margin: 0;
    min-width: 10rem;
}

.dropdown-menu .dropdown-item {
    color: #00438b;           /* brand text */
    text-decoration: underline; /* underline links for consistency */
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.active {
    background-color: #00438b; /* brand blue */
    color: #ffffff;            /* white text on hover/active */
}

/* Hamburger menu background on mobile */
@media (max-width: 767px) {
    .navbar-collapse {
        background-color: #00438b !important;
    }
    .navbar-nav .nav-item {
        text-align: center;
        margin: 0.5rem 0;
    }
}

/* Minor top margin adjustment on medium+ screens */
@media (min-width: 768px) {
    .navbar-nav {
        margin-top: 0.3rem;
    }
}