/**
 * Suggestions live du moteur de recherche (overlay loupe).
 * Complète les styles de base de l'overlay (assets/css/header.css).
 * Tokens : bleu #263477, jaune #F9B334, light #F4F5FF, Poppins.
 */

.cpvc-search-overlay__results {
  margin-top: 18px;
  max-height: min(58vh, 520px);
  overflow-y: auto;
  overscroll-behavior: contain;
  font-family: 'Poppins', sans-serif;
}
.cpvc-search-overlay__results[hidden] { display: none; }

.cpvc-srx__loading,
.cpvc-srx__empty p {
  font: 500 14px/1.5 'Poppins', sans-serif;
  color: #26347799;
  margin: 8px 2px;
}

.cpvc-srx__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cpvc-srx__item { border-radius: 16px; }
.cpvc-srx__item.is-active,
.cpvc-srx__item:hover { background: #F4F5FF; }

.cpvc-srx__link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 14px;
  text-decoration: none;
  border-radius: 16px;
}

.cpvc-srx__thumb {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  border-radius: 12px;
  object-fit: cover;
  background: #F4F5FF;
}
.cpvc-srx__thumb--empty {
  display: inline-block;
  background:
    radial-gradient(circle at 30% 30%, rgba(249,179,52,.35), transparent 60%),
    #F4F5FF;
}

.cpvc-srx__body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  flex: 1;
}
.cpvc-srx__cat {
  font: 600 11px/1 'Poppins', sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #F9B334;
}
.cpvc-srx__title {
  font: 600 16px/1.3 'Poppins', sans-serif;
  color: #263477;
}
.cpvc-srx__excerpt {
  font: 500 13px/1.45 'Poppins', sans-serif;
  color: #26347799;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* Surlignage des termes trouvés */
.cpvc-srx__title mark,
.cpvc-srx__excerpt mark {
  background: rgba(249, 179, 52, .35);
  color: inherit;
  border-radius: 3px;
  padding: 0 1px;
  box-shadow: none;
}

.cpvc-srx__go {
  flex: 0 0 auto;
  align-self: flex-start;
  margin-top: 2px;
  font: 600 10px/1 'Poppins', sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #263477;
  background: #fff;
  border: 1px solid #26347722;
  border-radius: 999px;
  padding: 5px 9px;
}
.cpvc-srx__item.is-active .cpvc-srx__go,
.cpvc-srx__item:hover .cpvc-srx__go { border-color: #F9B334; }

.cpvc-srx__all {
  display: inline-flex;
  align-items: center;
  margin: 12px 2px 2px;
  font: 600 13px/1 'Poppins', sans-serif;
  color: #263477;
  text-decoration: none;
  border-bottom: 2px solid #F9B334;
  padding-bottom: 2px;
}
.cpvc-srx__all:hover { color: #F9B334; }

@media (max-width: 560px) {
  .cpvc-srx__thumb { flex-basis: 48px; width: 48px; height: 48px; }
  .cpvc-srx__title { font-size: 15px; }
  .cpvc-srx__go { display: none; }
}