/* Biovie — panneau déroulant du widget de recherche Meilisearch */ /* neutralise visuellement l'ancien dropdown jQuery natif (module ps_searchbarjqauto) : il est ajouté à , pas dans le formulaire, donc la règle doit être globale pour l'atteindre. Toujours actif en arrière-plan (appel AJAX) mais invisible. */ .autocomplete-suggestions { display: none !important; } .meili-anchor { position: relative; } .meili-panel { position: absolute; top: 100%; left: 0; right: 0; z-index: 500; background: #fff; border: 1px solid #e2e5db; border-top: none; border-radius: 0 0 10px 10px; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12); max-height: 420px; overflow-y: auto; font-family: inherit; } .meili-row { display: flex; align-items: center; gap: 10px; padding: 8px 12px; text-decoration: none; color: #2c3324; border-bottom: 1px solid #f0f1ea; } .meili-row:hover, .meili-row.is-active { background: #f4f5f0; } .meili-row-blog { align-items: flex-start; } .meili-thumb { flex: none; width: 44px; height: 44px; border-radius: 6px; overflow: hidden; background: #f0f2ec; display: flex; align-items: center; justify-content: center; } .meili-row-blog .meili-thumb { width: 56px; height: 40px; border-radius: 6px; } .meili-thumb img { width: 100%; height: 100%; object-fit: contain; } .meili-row-blog .meili-thumb img { object-fit: cover; } .meili-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; } .meili-name { font-size: 13.5px; font-weight: 600; line-height: 1.25; } .meili-name em { background: #fbe7b0; font-style: normal; border-radius: 2px; } .meili-exc { font-size: 12px; color: #6b7460; line-height: 1.3; } .meili-exc em { background: #fbe7b0; font-style: normal; } .meili-bot { display: flex; align-items: center; gap: 8px; } .meili-price { font-size: 13px; font-weight: 700; color: #33611c; } .meili-stock { font-size: 10.5px; padding: 2px 7px; border-radius: 20px; } .meili-stock.ok { background: #e3f0d6; color: #33611c; } .meili-stock.ko { background: #f5e0da; color: #a4442a; } .meili-empty { padding: 16px; text-align: center; color: #9aa38c; font-size: 13px; } .meili-seeall { display: block; width: 100%; padding: 10px; border: none; border-top: 1px solid #e2e5db; background: #f4f5f0; color: #33611c; font-size: 13px; font-weight: 600; cursor: pointer; border-radius: 0 0 10px 10px; } .meili-seeall:hover { background: #e3f0d6; }