/* Menu Transparency Fix for Pricing Page
   This ensures the menu on the pricing page matches the transparent look of other pages */

/* Override the menu background on the pricing page to match other pages */
nav#menu {
  background-color: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 35px !important;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.1) !important;
}

/* Ensure the scrolled state has the correct styling */
nav#menu.scrolled {
  background-color: rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15) !important;
}

/* Fix the logo color for proper visibility */
.letter {
  fill: #004aac;
}

nav#menu.scrolled .letter {
  fill: white;
}

/* Ensure nav links have proper color and hover states */
.nav-link {
  color: var(--color-text-primary);
}

.nav-link:hover {
  color: var(--color-brand);
}

/* Fix for mobile menu */
@media (max-width: 1024px) {
  nav#menu {
    background-color: rgba(255, 255, 255, 0.08) !important;
  }
}