/* Change text color of the profile menu and dropdown */
.profile a,
.profile a span,
.profile ul.dropdown-menu li a {
  color: #3a7bd5 !important; /* Replace with your preferred color */
}

/* Optional: change hover color for links */
.profile a:hover,
.profile ul.dropdown-menu li a:hover {
  color: #62a9ff !important; /* Slightly darker shade for hover */
}

/* Add semitransparent white background behind the text */
.profile a,
.profile ul.dropdown-menu li a {
  background-color: rgba(255, 255, 255, 1.0); /* white at 40% opacity */
  border-radius: 6px; /* optional, gives it a softer rounded look */
  padding: 2px 6px; /* small padding so the background wraps the text nicely */
  display: inline-block; /* ensures background only wraps the text */
}