/* 
* NAVIGATION FIX 
* This overrides prompt_optimizer.css navigation styles
* to match the global site navigation
*/

/* Reset the main navigation container */
.nav-container {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Fix navigation layout */
.nav-content {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important; 
  height: 4rem !important;
  padding: 0 1rem !important;
}

/* Show all navigation links properly */
.nav-links {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-left: 1rem !important;
  margin-right: auto !important;
}

/* Show auth buttons properly */
.auth-buttons {
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
  margin-left: 1rem !important;
}

/* Fix navigation links appearance */
.nav-link {
  padding: 0.5rem 0.75rem !important;
  font-size: 0.9rem !important;
}

/* Fix dropdown appearance */
.nav-dropdown-menu {
  background: #0D0C1D !important;
  backdrop-filter: blur(15px) !important;
}

/* Mobile menu button position */
@media (max-width: 875px) {
  .mobile-menu-button {
    display: block !important;
    margin-left: auto !important;
  }
  
  .nav-links, .auth-buttons {
    display: none !important;
  }
}

/* Desktop navigation */
@media (min-width: 876px) {
  .mobile-menu-button {
    display: none !important;
  }
  
  .nav-links {
    display: flex !important;
  }
  
  .auth-buttons {
    display: flex !important;
  }
  
  /* CRITICAL: Hide mobile menu on desktop */
  .mobile-menu {
    display: none !important;
  }
}