/* MainNav Component Styles */
nav.navbar2_component-2 {
  padding-top: 16px;
  padding-bottom: 16px;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

/* Vertically center all nav elements */
.navbar2_container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  opacity: 1 !important;
}

.navbar2_container * {
  opacity: 1 !important;
  transition: none !important;
  animation: none !important;
}

.navbar2_menu-left {
  display: flex !important;
  align-items: center !important;
}

.brand.w-nav-brand {
  display: flex !important;
  align-items: center !important;
}

.navbar2_menu-2 {
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}

.navbar2_dropdown {
  position: relative;
  overflow: visible !important;
}

.navbar2_dropdown button {
  background: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 8px 12px;
}

.dropdown-arrow {
  margin-left: 4px;
  font-size: 12px;
}

/* CTA Button Styling */
.nav-cta-buttons {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* Consistent button styling - same height, no shadows */
.nav-cta-buttons .button-secondary.small.nav,
.nav-cta-buttons .nav-get-started {
  padding: 10px 20px !important;
  font-size: 14px !important;
  line-height: 16px !important;
  height: 40px !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  border-width: 2px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Remove gradient from Get Started button */
.nav-get-started {
  background-image: none !important;
}

/* Mobile menu button - hidden on desktop */
.navbar2_menu-button {
  display: none !important;
}

/* Tablet and Mobile Styles */
@media (max-width: 991px) {
  /* Hide desktop navigation */
  .navbar2_menu-2 {
    display: none !important;
  }

  /* Show mobile menu button */
  .navbar2_menu-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 8px;
    margin-left: 12px;
  }

  /* Hide CTA buttons on tablet/mobile */
  .nav-cta-buttons {
    display: none !important;
  }

  /* Adjust container for mobile */
  .navbar2_container {
    padding: 0 16px !important;
  }

  /* Make logo smaller on mobile */
  .header-logo {
    width: 140px !important;
    height: auto !important;
  }
}

@media (max-width: 479px) {
  .navbar2_container {
    padding: 0 12px !important;
  }

  .header-logo {
    width: 120px !important;
  }
}