.header__menu ul li {
  position: relative;
}

.header__menu ul li ul.dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  background: #f3bd00;
  min-width: 200px;
}

.header__menu ul li:hover > ul.dropdown {
  display: block;
}

.header__menu ul li ul.dropdown li {
  position: relative;
}

.header__menu ul li ul.dropdown ul.dropdown {
  left: 100%;
  top: 0;
  display: none;
  position: absolute;
}

.header__menu ul li ul.dropdown li:hover > ul.dropdown {
  display: block;
}

.header__menu ul li a:hover {
  background-color: #6f42c1;
  color: #fff; /* opsional: agar teks tetap terbaca di atas warna ungu */
}

.header__menu ul li ul.dropdown li a:hover {
  background-color: #6f42c1;
  color: #fff;
}