/* Vino Veritas – Recherche instantanée */
:root { --vv-bord: #7a1f2b; --vv-fond: #fffdf9; --vv-texte: #2a2522; --vv-doux: #7d746c; --vv-ligne: #ece5dc; --vv-survol: #f6efe6; }

/* l'ancienne liste de suggestions des autres extensions est masquée */
.dgwt-wcas-suggestions-wrapp, .dgwt-wcas-details-wrapp, .dgwt-wcas-preloader { display: none !important; }

.vv-rech-boite { position: absolute; z-index: 999999; background: var(--vv-fond); color: var(--vv-texte);
  border: 1px solid var(--vv-ligne); border-top: 3px solid var(--vv-bord); border-radius: 0 0 10px 10px;
  box-shadow: 0 12px 32px rgba(40, 20, 10, .18); max-height: min(70vh, 640px); overflow-y: auto;
  font: 14px/1.35 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-align: left; }
.vv-rech-boite[hidden] { display: none; }
.vv-rech-boite a { color: inherit; text-decoration: none; }
.vv-rech-boite mark { background: none; color: var(--vv-bord); font-weight: 700; padding: 0; }

.vv-rech-puces { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 12px 6px; border-bottom: 1px solid var(--vv-ligne); }
.vv-rech-puce { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border: 1px solid var(--vv-ligne);
  border-radius: 999px; font-size: 13px; background: #fff; }
.vv-rech-puce small { color: var(--vv-doux); }
.vv-rech-puce-dom::before { content: "Domaine"; font-size: 11px; color: var(--vv-doux); text-transform: uppercase; letter-spacing: .04em; }
.vv-rech-puce:hover, .vv-rech-puce.vv-rech-sel { border-color: var(--vv-bord); }

.vv-rech-item { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-bottom: 1px solid var(--vv-ligne); }
.vv-rech-item:hover, .vv-rech-item.vv-rech-sel { background: var(--vv-survol); }
.vv-rech-item img, .vv-rech-noimg { width: 44px; height: 44px; object-fit: contain; flex: none; border-radius: 6px; background: #f3ede6; }
.vv-rech-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.vv-rech-titre { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vv-rech-sous { color: var(--vv-doux); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vv-rech-coul { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; vertical-align: 1px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); }
.vv-rech-type { display: inline-block; font-size: 11px; padding: 0 6px; margin-right: 6px; border-radius: 4px; background: var(--vv-survol); color: var(--vv-bord); }
.vv-rech-prix { flex: none; text-align: right; font-weight: 600; white-space: nowrap; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.vv-rech-promo { color: var(--vv-bord); }
.vv-rech-epuise { font-size: 11px; font-weight: 500; color: #fff; background: #9b928a; border-radius: 4px; padding: 0 6px; }
.vv-rech-tout { display: block; padding: 10px 12px; font-weight: 600; color: var(--vv-bord) !important; text-align: center; }
.vv-rech-tout:hover, .vv-rech-tout.vv-rech-sel { background: var(--vv-survol); }
.vv-rech-vide { padding: 14px 12px; color: var(--vv-doux); }

/* champ du raccourci [vv_recherche] */
.vv-rech-form { display: flex; max-width: 560px; border: 1px solid #d9cfc4; border-radius: 999px; overflow: hidden; background: #fff; }
.vv-rech-form .vv-rech-input { flex: 1; border: 0; padding: 10px 16px; font-size: 15px; outline: none; background: transparent; min-width: 0; }
.vv-rech-form .vv-rech-btn { border: 0; background: var(--vv-bord); color: #fff; padding: 0 16px; cursor: pointer; }

@media (max-width: 600px) {
  .vv-rech-item { gap: 10px; padding: 8px 10px; }
  .vv-rech-sous { font-size: 12px; }
}

/* barre de recherche en haut de toutes les pages */
.vv-rech-haut { display: flex; justify-content: center; padding: 10px 16px; background: #f3efe9; border-bottom: 1px solid #e6ddd2; position: relative; z-index: 50; }
.vv-rech-haut .vv-rech-form { width: 100%; max-width: 620px; box-shadow: 0 1px 2px rgba(40, 20, 10, .06); }
.vv-rech-haut .vv-rech-form:focus-within { border-color: var(--vv-bord); }
.vv-rech-haut .vv-rech-input { font-size: 16px; padding: 11px 18px; color: var(--vv-texte); }
.vv-rech-haut .vv-rech-btn { padding: 0 20px; display: flex; align-items: center; }
/* l'ancien champ placé dans le menu n'est plus affiché */
.elementor-nav-menu li.menu-item:has(.dgwt-wcas-search-wrapp) { display: none !important; }