/* Override both the vendor ring and its detached dot in every loading state. */
.relevanssi-live-search-results #relevanssi-live-ajax-search-spinner {
  display: none !important;
  box-sizing: border-box;
  width: 100% !important;
  height: 3px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  position: static !important;
  transform: none !important;
  animation: none !important;
  box-shadow: none !important;
  background: none !important;
}
.relevanssi-live-search-results #relevanssi-live-ajax-search-spinner::before,
.relevanssi-live-search-results #relevanssi-live-ajax-search-spinner::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}
.relevanssi-live-search-results .live-ajax-messages:not(:has(.rlv-has-spinner)) {
  display: none !important;
}
.relevanssi-live-search-results .live-ajax-messages:has(.rlv-has-spinner) {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}
.relevanssi-live-search-results .live-ajax-messages:has(.rlv-has-spinner)::before {
  content: "Produkte werden gesucht …";
  color: #625b5d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.relevanssi-live-search-results #relevanssi-live-ajax-search-spinner.rlv-has-spinner {
  display: block !important;
  background: linear-gradient(90deg, #89001a 0%, #89001a 25%, #f1e7e9 50%, #f1e7e9 75%, #89001a 100%) !important;
  background-size: 200% 100% !important;
  animation: bodega-search-loading 1.4s linear infinite !important;
}
.relevanssi-live-search-results:has(.rlv-has-spinner) {
  min-height: 0 !important;
}
@keyframes bodega-search-loading {
  from { background-position: 100% 0; }
  to { background-position: -100% 0; }
}
@media (max-width: 767px) {
  .relevanssi-live-search-results .live-ajax-messages:has(.rlv-has-spinner) {
    padding: 12px;
    gap: 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .relevanssi-live-search-results #relevanssi-live-ajax-search-spinner.rlv-has-spinner {
    animation: none !important;
    background: #89001a !important;
  }
}