/* Autocomplete styles */

/* Autocomplete results container */
.autocomplete-results {
  background-color: white;
  z-index: 2147483647 !important; /* Maximum possible z-index */
  border-color: rgb(229 231 235);
}

.dark .autocomplete-results {
  background-color: rgb(31 41 55);
  border-color: rgb(75 85 99);
}

/* Autocomplete item text colors */
.autocomplete-item {
  color: rgb(17 24 39);
}

.dark .autocomplete-item {
  color: rgb(243 244 246);
}

.autocomplete-item span:first-child {
  color: rgb(17 24 39);
}

.dark .autocomplete-item span:first-child {
  color: rgb(243 244 246);
}

.autocomplete-item span:last-child {
  color: rgb(107 114 128);
}

.dark .autocomplete-item span:last-child {
  color: rgb(156 163 175);
}

/* Highlight selected item during keyboard navigation */
[role="listbox"] [role="option"][aria-selected="true"] {
  background-color: rgb(239 246 255); /* bg-blue-50 */
}

.dark [role="listbox"] [role="option"][aria-selected="true"] {
  background-color: rgb(55 65 81); /* bg-gray-700 */
}

/* Hover state */
[role="listbox"] [role="option"]:hover {
  background-color: rgb(249 250 251); /* bg-gray-50 */
}

.dark [role="listbox"] [role="option"]:hover {
  background-color: rgb(75 85 99); /* bg-gray-600 */
}

/* Combined hover and selected state */
[role="listbox"] [role="option"][aria-selected="true"]:hover {
  background-color: rgb(219 234 254); /* bg-blue-100 */
}

.dark [role="listbox"] [role="option"][aria-selected="true"]:hover {
  background-color: rgb(55 65 81); /* bg-gray-700 */
}

/* Smooth transitions */
[role="listbox"] [role="option"] {
  transition: background-color 0.15s ease;
}

/* Mark highlighting for search matches */
[role="listbox"] [role="option"] mark {
  background-color: rgb(254 240 138); /* bg-yellow-200 */
  color: inherit;
  font-weight: 600;
  padding: 0;
}

.dark [role="listbox"] [role="option"] mark {
  background-color: rgb(161 98 7); /* bg-yellow-700 */
  color: inherit;
}

/* Search field expansion styles */
.search-expanded .search-field-wrapper {
  max-width: 100% !important;
  flex: 1 1 100% !important;
}

/* Smooth transition for search field */
.search-field-wrapper {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hide nav items smoothly when search expands */
.search-expanded [data-search-expand-target="navItems"] {
  opacity: 0;
  transform: translateX(10px);
  pointer-events: none;
}

/* Transition for nav items */
[data-search-expand-target="navItems"] {
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Ensure hamburger is visible when search is expanded */
.search-expanded [data-search-expand-target="hamburger"] {
  display: flex !important;
}

/* Dropdown animation classes */
[data-search-expand-target="dropdown"] {
  transform-origin: top right;
}