/* ===== MOBILE & TABLET MENU ===== */
.scrollmenu {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  gap: 10px;
  padding: 10px 0;
  margin: 0;
  list-style: none;
  scrollbar-width: none; /* Firefox */
}
ul.scrollmenu {
  color: #fff;
}
.scrollmenu::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

/* ===== DESKTOP MENU ===== */
.desktop-menu {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  margin: 0;
  list-style: none;
  overflow: hidden; /* Menonaktifkan scroll horizontal */
}

/* ===== ICON MENU ===== */
.icon-menu {
  height: 30px;
  width: auto;
}

/* ===== NAVBAR STYLE ===== */
.navbar-color {
  background-color: #0E2559;
}

/* ===== LINK STYLE ===== */
.nav-link {
  text-decoration: none;
  color: #fff;
  font-size: 15px;
  transition: color 0.2s ease, font-weight 0.2s ease;
}

.nav-link:hover {
  color: #FCED20;
}

.nav-link.active {
  color: #FCED20;
  font-weight: 600;
  border-bottom: 2px solid #FCED20;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991.98px) {
  .desktop-menu {
    display: none;
  }
}

@media (min-width: 992px) {
  .scrollmenu {
    display: none;
  }
}