/**
 * @file farm-taxonomy-filter.css
 *
 * Styles for the Farm Products Offered autocomplete dropdown.
 *
 * Targets the jQuery UI autocomplete widget that Drupal core renders.
 * Adjust the values below to match your theme.
 */

/* ── Dropdown container ───────────────────────────────────────────────────── */
.ui-autocomplete.ui-widget-content {
  font-size: 18px;
  font-family: brandon-grotesque, sans-serif;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  padding: 10px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* ── Individual suggestion row ────────────────────────────────────────────── */
.ui-autocomplete .ui-menu-item-wrapper {
  line-height: 1.4;
  cursor: pointer;
  color: #333;
  border: none !important;
  padding: 0;
  margin: 0;
}

/* ── Hover / keyboard-focused row ─────────────────────────────────────────── */
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete .ui-menu-item-wrapper:hover {
  background: transparent;
  color: #dd7d3c;
  border: none !important;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

/* ── Parent terms stay bold on hover too ──────────────────────────────────── */
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active strong,
.ui-autocomplete .ui-menu-item-wrapper:hover strong {
  color: #dd7d3c;
}