/* Navbar dasar */
.navbar,
.primary-menu-wrapper {
  background-color: #8B4513 !important; /* coklat */
  display: flex;
  flex-wrap: wrap; /* biar responsif */
  justify-content: center; /* rata tengah */
  padding: 10px 15px;
}

.navbar a,
.primary-menu-wrapper a {
  color: #ffffff !important;  /* teks putih */
  text-decoration: none;
  padding: 10px 15px;
  font-weight: 500;
  transition: color 0.3s ease, background 0.3s ease;
}

/* Efek hover */
.navbar a:hover,
.primary-menu-wrapper a:hover {
  color: #FFD700 !important;   /* teks emas */
  background-color: rgba(255,255,255,0.1); /* highlight halus */
  border-radius: 5px;
}

/* Responsif: jika layar kecil, menu ditumpuk */
@media (max-width: 768px) {
  .navbar,
  .primary-menu-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .navbar a,
  .primary-menu-wrapper a {
    display: block;
    width: 100%;
    padding: 12px;
  }
}