/* ============================================================
   autocomplete.css — Search autocomplete dropdown styles
   Used by: index.php hero search box
   ============================================================ */

.search-autocomplete-wrap .form-control { width: 100%; }

#search-suggestions {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0; right: 0;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 8px 40px rgba(0,0,0,0.13);
  list-style: none;
  margin: 0; padding: 6px 0;
  z-index: 9999;
  max-height: 360px;
  overflow-y: auto;
}

#search-suggestions li           { padding: 0; cursor: pointer; }
#search-suggestions li a         { display: flex; align-items: center; gap: 12px; padding: 10px 16px; color: #1a1a2e; text-decoration: none; transition: background 0.15s; }
#search-suggestions li a:hover,
#search-suggestions li.active a  { background: #fff5f2; }

#search-suggestions .sug-icon    { width: 36px; height: 36px; border-radius: 10px; background: #fff0ec; color: #E84C1B; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; flex-shrink: 0; }
#search-suggestions .sug-icon.cat  { background: #eff6ff; color: #2563eb; }
#search-suggestions .sug-icon.city { background: #f0fdf4; color: #16a34a; }

#search-suggestions .sug-logo   { width: 36px; height: 36px; border-radius: 10px; object-fit: cover; border: 1px solid #f1f5f9; flex-shrink: 0; }
#search-suggestions .sug-rating { font-size: 0.72rem; font-weight: 700; color: #d97706; white-space: nowrap; margin-right: 4px; }
#search-suggestions .sug-main   { font-weight: 600; font-size: 0.9rem; line-height: 1.2; }
#search-suggestions .sug-sub    { font-size: 0.75rem; color: #6b7280; margin-top: 2px; }
#search-suggestions .sug-badge  { margin-left: auto; font-size: 0.68rem; font-weight: 700; padding: 2px 8px; border-radius: 50px; background: #f3f4f6; color: #6b7280; white-space: nowrap; }

#search-suggestions .sug-section-label { font-size: 0.68rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: #9ca3af; padding: 8px 16px 4px; pointer-events: none; cursor: default; }
#search-suggestions .sug-divider       { border: none; border-top: 1px solid #f1f5f9; margin: 4px 0; }
#search-suggestions .sug-no-result     { padding: 14px 16px; color: #9ca3af; font-size: 0.88rem; text-align: center; }
#search-suggestions mark               { background: none; color: #E84C1B; font-weight: 700; padding: 0; }