.navbar{
		background: linear-gradient(to right, rgb(89, 50, 60), rgb(41, 16, 16));

    /* Hilangkan background-color default bootstrap */
    background-color: unset !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #ffffff !important;
    background-color: rgb(89, 50, 60) !important;
    border-radius: 6px;
    padding: 6px 12px;
}

.nav-link:hover, .nav-link:focus {
    color: rgb(228, 221, 194) !important;
}

/* Dropdown menu background */
.navbar .dropdown-menu {
    background: linear-gradient(to right, rgb(89, 50, 60), rgb(41, 16, 16)) !important;
    border: none;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
}

/* Style untuk item di dalam dropdown */
.navbar .dropdown-menu .dropdown-item {
    color: #ffffff;
    padding: 10px 16px;
    font-size: 15px;
    background: transparent;
}

/* Hover item */
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus {
    background: rgba(255, 255, 255, 0.12); /* efek hover elegan */
    color: #ffffff;
}

/* Hilangkan underline saat aktif */
.navbar .dropdown-menu .dropdown-item.active {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}