/*============================
/ KEYWORD
/*============================*/
.suggest-listbox {
  display: grid;
  gap:10px;
}
/* Anchor : colonne (input au-dessus, liste en-dessous) */
.suggest-anchor {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  flex: 1 1 auto;   /* ⬅️ prend tout l’espace disponible */
  min-width: 0;     /* ⬅️ permet à l’input de rétrécir correctement */        
}
/* Input mobile */
.keyword__input {
  display: block;
  width: 100%;
  font-size: 16px;          /* évite le zoom iOS */
  line-height: 1.4;
  padding: 0.75rem 2.5rem;  /* place pour les icônes gauche/droite */
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 10px;
  background: #fff;
  outline: none;
}

/* Items */
.suggest-item {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .65rem .9rem;
}
.suggest-item:last-child { border-bottom: none; }

.suggest-item .thumb { width: 72px;height:72px;}
.suggest-item .thumb img {object-fit: cover;height: 100%;}
.suggest-item section {display: flex;flex-direction: column;}

/* Label + meta */
.suggest-item .label, .suggest-item .dbg-kind { font-size: 0.98rem; line-height: 1.3; }
.suggest-item .meta  { font-size: 0.8rem; color: #666; }

/* État sélectionné (clavier) */
.suggest-item[aria-selected="true"] {
  cursor:pointer;
}
/* Ligne vide */
.suggest-empty {
  padding: .75rem .9rem;
  color: #666;
  font-size: .95rem;
}

/* Petite adaptation dark si besoin
@media (prefers-color-scheme: dark) {
  .keyword__input { background:#111; color:#fff; border-color:#2a2a2a; }
  .suggest-listbox-m { background:#151515; border-color:#2a2a2a; box-shadow:none; }
  .suggest-item { border-bottom-color:#222; }
  .icon-left, .btn-clear { color:#aaa; }
}
*/

/* Respecter l’attribut [hidden] */
.suggest-anchor .suggest-listbox[hidden] {
  display: none;
}
/* Quand le JS ouvre la liste : on force l’affichage même sans focus */
.suggest-anchor.suggest-open .suggest-listbox {
  display: block;
}

.suggest-item:hover { background:#f3f4f6;cursor: pointer;border-radius:9999px }
.suggest-item .kind { width:1.2em; text-align:center; opacity:.7; }

/* générique */
.suggest-item .label i {
  margin-right: .65rem;
}
/* groupes (si tu gardes le span .suggest-cat pour Peinture/Photo etc.) */
.suggest-cat { font-weight: 500; }

/* Couleur uniquement pour "Collectif" (org) */
.suggest-cat--org {
  color: #f3459c;
}
.suggest-cat.suggest-cat--artiste {
  color: #ff1749;
}
.suggest-item--title_group_evt  .suggest-cat { color: #189dff;; }
.suggest-item--title_group_art  .suggest-cat { color: #cb23dd; }

/* organisations */
.suggest-item--organisation .label {
  color: #F1C40F;
}
/* fallback au besoin */
.suggest-item--default .label {
  color: #9B59B6;
}

.container__inner--search h1 {
  font-size: var(--fs-400);
  margin: 40px 0 10px 0;
}

.suggest-clear {
  position: absolute;
  top: 50%;
  right: 4rem;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  font-size: 0.9rem;
  color: var(--input-placeholder, #9ca3af);
  background: #f5f5f5;
  padding: 5px 6px;
  border-radius: 50%;
  z-index: 5;
}

.suggest-clear:hover {
  color: var(--input-fg, #111827);
}

.suggest-clear i {
  pointer-events: none;
}