/* Suggestions de la barre de recherche (assets/js/fqs-search.js, inc/search.php).
   La liste est posée dans le conteneur du formulaire, sous la pilule de recherche. */
.fqs-sugg-host { position: relative; }
.fqs-sugg {
  position: absolute; z-index: 1000; top: calc(100% + .4rem); left: 0; right: 0;
  max-height: min(70vh, 32rem); overflow-y: auto; overscroll-behavior: contain;
  margin: 0; padding: .35rem; list-style: none;
  background: var(--fqs-blanc, #fff); color: var(--fqs-bleu-nuit, #04354a);
  border: 1px solid color-mix(in srgb, var(--fqs-bordure, #8aa) 45%, transparent);
  border-radius: var(--fqs-radius-md, 14px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--fqs-bleu-nuit, #04354a) 18%, transparent);
  font-family: var(--fqs-texte, serif); text-align: left;
}
.fqs-sugg[hidden] { display: none; }
.fqs-sugg-opt {
  display: flex; align-items: center; gap: .75rem; margin: 0; padding: .45rem .6rem;
  border-radius: var(--fqs-radius-sm, 8px); cursor: pointer; line-height: 1.3;
}
.fqs-sugg-opt[aria-selected="true"] { background: var(--fqs-fond-doux, #eef3f4); box-shadow: inset 3px 0 0 var(--fqs-canard, #0b7a75); }
.fqs-sugg-opt img {
  flex: 0 0 48px; width: 48px; height: 48px; object-fit: cover;
  border-radius: var(--fqs-radius-sm, 8px); background: var(--fqs-fond-doux, #eef3f4);
}
.fqs-sugg-txt { display: flex; flex-direction: column; min-width: 0; }
.fqs-sugg-titre { font-weight: 600; font-size: .98rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.fqs-sugg-prix { font-family: var(--fqs-texte, serif); font-weight: 600; font-variant-numeric: tabular-nums; font-size: .9rem; color: var(--fqs-canard, #0b7a75); }
.fqs-sugg-vide { padding: .7rem .6rem .35rem; font-size: .98rem; color: var(--fqs-bleu-nuit, #04354a); }
.fqs-sugg-tous {
  justify-content: center; margin-top: .25rem; padding: .65rem .6rem;
  border-top: 1px solid color-mix(in srgb, var(--fqs-bordure, #8aa) 35%, transparent);
  border-radius: 0 0 var(--fqs-radius-sm, 8px) var(--fqs-radius-sm, 8px);
  font-weight: 600; text-decoration: underline; text-underline-offset: .2em;
}
.fqs-sugg-vide + .fqs-sugg-tous { border-top: 0; margin-top: 0; }
/* Prix en promotion (assets/js/fqs-search.js) : barré lisible, promo en canard, comme les cartes. */
.fqs-sugg-prix del { margin-inline-end: .35rem; color: var(--fqs-bleu-nuit, #04354a); font-weight: 600; text-decoration-thickness: 1.5px; }
.fqs-sugg-prix ins { text-decoration: none; color: var(--fqs-canard, #0b7a75); }
.fqs-sugg-suffixe { margin-inline-start: .25rem; font-size: .75rem; font-weight: 400; color: var(--fqs-bleu-nuit, #04354a); }
.fqs-sugg-live.screen-reader-text,
.fqs-sugg .screen-reader-text {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .fqs-sugg-opt { transition: background-color .12s ease-out; }
}

/* Le widget Recherche d'Elementor Pro reste masqué (classe « hidden », visibility: hidden)
   jusqu'à ce que son script s'exécute : sans JavaScript, la barre de recherche du header était
   invisible. Le formulaire est entièrement habillé par le thème : visible d'emblée. */
.elementor-widget-search search.e-search.hidden { visibility: visible; }