/* Enhanced navbar styling */

/* Base navbar styling */
.navbar-main {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 3rem;
  margin: 0 auto;
}

/* Ensure the navigation is centered */
.navbar-main a {
  margin: 0 0.5rem;
}

/* Ensure consistent header height */
header .flex.justify-between.items-center > * {
  min-height: 3rem;
  display: flex;
  align-items: center;
}

/* Menu item styling with increased specificity */
#desktop-nav a, 
header .navbar-main a,
.navbar-main a {
  padding: 0.5rem 1.25rem;
  margin: 0 0.25rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  display: flex;
  align-items: center;
  height: 2.5rem;
}

/* Hover states */
#desktop-nav a:hover, 
header .navbar-main a:hover,
.navbar-main a:hover {
  background-color: rgba(79, 70, 229, 0.05);
}

/* Active state */
#desktop-nav a.active, 
header .navbar-main a.active,
.navbar-main a.active {
  background-color: rgba(79, 70, 229, 0.1);
  color: #4f46e5 !important;
}

/* Contact button adjustments */
.custom-contact-button-small {
  margin-left: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  font-weight: 500 !important;
}

/* Logo adjustments */
.logo-container {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  margin-right: 2.5rem;
}

.flex-shrink-0 img.logo-image {
  height: 2rem !important;
}

/* Adjust header spacing */
header .flex.justify-between.items-center {
  padding: 0.5rem 0 !important;
  margin: 0.25rem 0 !important;
}

/* Media queries for responsive adjustments */
@media (min-width: 768px) {
  #desktop-nav a, 
  header .navbar-main a,
  .navbar-main a {
    font-size: 0.875rem !important;
  }
  
  header .flex.justify-between.items-center {
    padding: 0.625rem 0 !important;
  }
}

@media (min-width: 1024px) {
  #desktop-nav a, 
  header .navbar-main a,
  .navbar-main a {
    font-size: 0.875rem !important;
    padding: 0.5rem 0.625rem;
  }
  
  .navbar-main {
    margin-right: 1rem;
  }
}