/* public/css/custom-navbar.css */

/* Styles cho Navbar */
.navbar {
    background-color: #002B5C !important; /* Nền xanh than */
    color: #ffffff; /* Chữ mĂ u trắng */
}

.navbar .nav-link {
    color: #ffffff !important; /* MĂ u chữ trắng cho liĂªn kết */
}

.navbar .nav-link:hover {
    color: #FFD700 !important; /* MĂ u chữ khi hover (vĂ ng kim) */
}

.navbar-brand {
    color: #ffffff !important; /* MĂ u chữ trắng cho thÆ°Æ¡ng hiệu */
}

.navbar-toggler {
    border-color: #ffffff !important; /* MĂ u trắng cho nĂºt toggle */
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Styles cho Dropdown Menu */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none;
    position: absolute;
    z-index: 1050;
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
}

.nav-item.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown-menu.show {
    display: block !important;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block !important;
}