/* Header component styles */

/* Dropdown styles */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content, [id$="-dropdown"] {
  position: absolute;
  background: linear-gradient(to bottom right, var(--rvm-dark-blue), var(--rvm-light-blue));
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 0.375rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  border: none; /* Remove white border */
}

.dropdown-content.show, [id$="-dropdown"].show {
  opacity: 1 !important;
  visibility: visible !important;
}

.dropdown-content a, [id$="-dropdown"] a {
  color: white; /* Default text color */
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  border-radius: 0.375rem;
  transition: background-color 0.3s, color 0.3s;
}

.dropdown-content a:hover, [id$="-dropdown"] a:hover {
  background-color: var(--rvm-gold); /* Yellow background on hover */
  color: var(--rvm-dark-blue); /* Dark blue text on hover */
}

/* Mobile menu styles */
#mobile-menu {
  transition: all 0.3s ease;
}