/* cf-ai-suggest */

/* Container for the ElementsKit search group to position our dropdown safely */
.ekit-search-group {
  position: relative;
  width: 100%;
}

/* Custom AI Suggestion Dropdown Panel */
.ai-search-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #000;
  border: 1px solid #FFF;
  border-radius: 0.50rem;

  list-style: none;
  margin: 4px 0 0 0;
  padding: 0;

  overflow: hidden;
  z-index: 999999; /* Ensure it stays above the ElementsKit modal items */
  display: none; /* Hidden by default */
}

/* Individual list item rows */
.ai-search-suggestions li {
  padding: 0.40rem 1rem;
  font-size: 16px;
  color: #F00;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s ease;
  border-bottom: 1px solid #f7fafc;
  overflow: hidden;
}

.ai-search-suggestions li:last-child {
  border-bottom: none;
}

/* Highlight row on mouse hover or arrow key navigation */
.ai-search-suggestions li:hover,
.ai-search-suggestions li.is-active {
  background-color: #333;
  color: #e05300; /* Use your site's orange accent color here if desired */
}

/* */