.dropdown:hover .text-inherit {
    color: red !important;
  }

.nav-item.dropdown:hover > .nav-link,
.nav-item.dropdown .dropdown-menu li:hover > a {
  color: red !important;
}
/* General Hover Effect for Icons and Text */
.text-reset:hover,
.navbar-nav .nav-item .nav-link:hover,
.dropdown-menu .dropdown-item:hover,
.bi:hover {
  color: red !important; /* Change text and icon color to red */
}

/* Mega Menu Hover */
.dropdown-menu .dropdown-item:hover {
  background-color: rgba(255, 0, 0, 0.1); /* Light red background */
  border-radius: 5px;
}

/* Search Button Hover */
.btn-danger:hover {
  background-color: darkred !important;
  border-color: darkred !important;
}

/* Shopping Cart, My Orders, Sign Up Icons and Text */
.text-center a:hover div,
.text-center a:hover i,
.text-center a:hover p {
  color: red !important;
}

.nav-link:hover {
  color: red !important;
}

.nav-link:hover {
  color: red !important;
}