/* Suggestions de recherche (mu-plugin bp-skeditions-recherche.php), dans le style du méga menu. */
.sk-recherche { position: relative; }
.sk-suggest { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 1000; max-height: calc(100vh - 215px); padding: var(--sp-12); overflow-y: auto; border-radius: 22px; background: var(--color-white); box-shadow: 0 30px 70px -16px rgba(17, 20, 45, .35); animation: sk-suggest-entre .18s cubic-bezier(.16, 1, .3, 1) both; }
.sk-suggest[hidden] { display: none; }
@keyframes sk-suggest-entre { 0% { opacity: 0; transform: translateY(-6px); } }

.sk-suggest__groupe { margin: 0; padding: 10px 12px 4px; font: 700 var(--fs-12)/1.3 var(--font-heading); letter-spacing: .06em; text-transform: uppercase; color: var(--color-text-muted); }
.sk-suggest__note, .sk-suggest__vide { margin: 0; padding: 10px 12px; font: 400 var(--fs-14)/1.4 var(--font-body); color: var(--color-text-muted); }
.sk-suggest a { display: flex; align-items: center; gap: var(--sp-12); padding: 7px 12px; border-radius: 12px; color: var(--color-dark); text-decoration: none; transition: background-color .12s; }
.sk-suggest a:hover, .sk-suggest a.sk-suggest--actif { background-color: var(--color-primary-soft); }
.sk-suggest img { flex: none; width: 44px; height: 62px; object-fit: cover; border-radius: 5px; box-shadow: 0 4px 10px rgba(17, 20, 45, .18); }
.sk-suggest__texte { flex: 1 1 auto; min-width: 0; }
.sk-suggest strong { display: block; font: 700 var(--fs-16)/1.3 var(--font-heading); color: var(--color-dark); }
.sk-suggest small { display: block; margin-top: 2px; font: 400 var(--fs-14)/1.35 var(--font-body); color: var(--color-text-muted); }
.sk-suggest mark { padding: 0; background: none; color: var(--color-primary); }
.sk-suggest__prix { flex: none; font: 700 var(--fs-14)/1 var(--font-heading); color: var(--color-primary); white-space: nowrap; }
.sk-suggest__terme { justify-content: space-between; }
.sk-suggest__terme small { flex: none; margin: 0; }
.sk-suggest a.sk-suggest__tout { justify-content: center; margin-top: var(--sp-8); padding: 12px; background: var(--color-primary-soft); font: 700 var(--fs-16)/1.3 var(--font-heading); color: var(--color-primary); }
.sk-suggest a.sk-suggest__tout:hover, .sk-suggest a.sk-suggest__tout.sk-suggest--actif { background: var(--color-primary); color: var(--color-white); }

@media (max-width: 767px) {
	.sk-suggest { max-height: calc(100dvh - 300px); padding: var(--sp-8); }
	.sk-suggest__prix { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.sk-suggest { animation: none; }
}