/* Recherche — simple, noir & orange */

.search-bg {
  background: #000 !important;
}

.search-icon {
  color: #f59e0b !important;
}

#searchInput {
  font-size: clamp(22px, 4vw, 28px) !important;
  border-bottom-color: rgba(245, 158, 11, 0.45) !important;
  caret-color: #f59e0b !important;
}

.search-close:hover {
  background: #ea580c !important;
  border-color: #ea580c !important;
}

.search-filters .chip.active {
  background: rgba(245, 158, 11, 0.12) !important;
  color: #fbbf24 !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
  box-shadow: 0 2px 12px rgba(234, 88, 12, 0.15) !important;
}

.search-popular-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.search-pop-chip {
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.55);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.18s, color 0.18s;
}

.search-pop-chip:hover {
  border-color: rgba(245, 158, 11, 0.4);
  color: #f59e0b;
}