.navbar-wrapper {
  position: sticky;
  top: 0;
  z-index: 1030; /* lebih tinggi dari elemen lain */
}
.navbar-wrapper .navbar {
  background-color: #000;
}
.navbar-wrapper .navbar-nav {
  gap: 1rem;
}
.navbar-wrapper .nav-link {
  color: #fff !important;
  font-size: 0.8rem;
}
.navbar-wrapper .nav-link:hover {
  color: #ccc !important;
}
.navbar-wrapper .nav-link i {
  font-size: 1rem;
  margin-right: 0.3rem;
  vertical-align: middle;
}

.navbar-wrapper .separator {
  color: #fff;
  font-weight: bold;
  margin: 0 0.8rem;
  display: flex;
  align-items: center;  /* supaya vertikal center */
  height: 100%;         /* penuh tinggi navbar */
  user-select: none;    /* supaya gak bisa disorot */
  font-size: 1rem;
}


/* Separator | di antara menu kecuali menu terakhir */
/* .navbar-nav .nav-item:not(:last-child) .nav-link::after {
  content: "|";
  color: #fff;
  margin-left: 0.8rem;
  margin-right: 0.8rem;
} */

/* Mobile */
@media (max-width: 991.98px) {
    .navbar-wrapper .navbar-nav {
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    width: 100%;
  }
  .navbar-wrapper .nav-link {
    font-size: 0.48rem;
  }
  /* Hide separator di mobile */
  .navbar-wrapper .navbar-nav .nav-item .nav-link::after {
    content: none;
  }
}