/* 
 * Pricing Page Header Fix
 * Ensures consistent header styling with the index page
 */

/* Override any potential margin conflicts in the pricing page */
.app-header .nav-menu {
  display: flex !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 1.5rem !important;
}

.app-header .nav-menu li {
  position: relative !important;
  margin: 0 !important; /* Override any left margin from pricing-dark.css */
  padding: 0 !important;
}

/* Media query overrides for consistent spacing */
@media (max-width: 768px) {
  .app-header .nav-menu {
    gap: 1rem !important;
  }
}

@media (max-width: 640px) {
  .app-header .nav-menu {
    gap: 0.75rem !important;
  }
}