/* Show dropdown menu on hover */
.nav-item.dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0; /* Remove the default margin to avoid jump */
}

/* Optional: prevent dropdown from hiding immediately on mouseout */
.nav-item.dropdown > .dropdown-menu {
    transition: visibility 0.2s ease, opacity 0.2s ease;
    visibility: hidden;
    opacity: 0;
}

.nav-item.dropdown:hover > .dropdown-menu {
    visibility: visible;
    opacity: 1;
}

/* Main navbar background - Light Steel Blue */
.navbar-custom {
    background-color: #B0C4DE;
    border-bottom: 1px solid #A9BCCE; /* subtle border, slightly darker */
}

    /* Navbar links color - dark blue, suitable for B0C4DE */
    .navbar-custom .nav-link {
        color: #1B2838;
    }

        /* Navbar links hover/focus color - darker */
        .navbar-custom .nav-link:hover,
        .navbar-custom .nav-link:focus {
            color: #0F1A28;
        }

    /* Navbar brand text color */
    .navbar-custom .navbar-brand {
        color: #1B2838;
    }

    /* Navbar toggler icon color (hamburger) */
    .navbar-custom .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' " + "xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2827, 40, 56, 0.7%29' stroke-width='2' " + "stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    /* Dropdown submenu background - lighter shade than navbar */
    .navbar-custom .dropdown-menu {
        background-color: #D6E0F0; /* lighter than #B0C4DE */
        border: 1px solid #A9BCCE;
    }

    /* Dropdown item text color */
    .navbar-custom .dropdown-item {
        color: #1B2838;
    }

        /* Dropdown item hover background and color */
        .navbar-custom .dropdown-item:hover,
        .navbar-custom .dropdown-item:focus {
            background-color: #B0C4DE;
            color: #0F1A28;
        }
footer.footer {
    background-color: #f8f9fa; /* or whatever */
    padding: 1rem 0;
}