@charset "UTF-8";
/* Autocomplétion Barre de Recherche */
.searchForm {
  position: relative; }

/* Conteneur des résultats */
.search-suggestions {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: var(--mcb-n-0);
  border: 1px solid var(--mcb-border-default);
  border-radius: var(--mcb-radius-interactive);
  box-shadow: var(--mcb-shadow-elevated);
  z-index: 1000;
  max-height: 420px;
  overflow-y: auto;
  display: none;
  text-align: left;
  font-family: var(--mcb-font-inter); }

.search-suggestions.is-visible {
  display: block; }

/* Un résultat individuel */
.search-suggestion {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--mcb-border-default);
  cursor: pointer;
  transition: background-color 0.15s ease; }

.search-suggestion:last-child {
  border-bottom: none; }

.search-suggestion:hover,
.search-suggestion.is-active {
  background-color: var(--mcb-n-25); }

/* Image du produit */
.search-suggestion img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: var(--mcb-radius-chip);
  flex: 0 0 44px;
  background: var(--mcb-n-25);
  border: 1px solid color-mix(in srgb, var(--mcb-border-default) 50%, transparent); }

.search-suggestion__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px; }

.search-suggestion__name {
  font-size: 13.5px;
  line-height: 1.3;
  color: var(--mcb-text-primary);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.search-suggestion__meta {
  font-size: 12px;
  color: var(--mcb-text-secondary);
  font-weight: 400; }

/* États Loading / Empty */
.search-suggestion.loading,
.search-suggestion.empty {
  padding: 20px;
  color: var(--mcb-text-secondary);
  font-style: normal;
  justify-content: center;
  cursor: default;
  font-size: 13px; }

.search-suggestion.loading:hover,
.search-suggestion.empty:hover {
  background-color: transparent; }