.menu li > .transparent-bg,
.menu li > .transparent-bg:hover,
.menu li > .transparent-bg:active,
.menu li > .transparent-bg.active {
  background-color: transparent !important;
  --tw-bg-opacity: 0 !important;
  color: inherit !important;
  cursor: default;
}

/* Remove hover effect for parent items */
.menu > li:hover {
  background-color: transparent !important;
}

/* Optional: If you want to keep some visual feedback on hover/active, 
   you could add a subtle opacity change instead of background color */
.menu li > .transparent-bg:hover,
.menu li > .transparent-bg:active,
.menu li > .transparent-bg.active {
  opacity: 0.8;
}

/* Remove the line prefix from dropdown menu items */
.dropdown .menu li::before,
.dropdown .menu li::after,
.dropdown .menu ul li::before,
.dropdown .menu ul li::after {
  display: none !important;
  content: none !important;
}

.dropdown .menu li {
  padding-left: 0 !important;
  margin-left: 0 !important;
}