/* ============================================================
   Suggestions de recherche : panneau colle sous la barre
   ============================================================ */

/* La barre devient le reference du panneau : meme largeur exacte,
   et plus de masquage qui rognerait le panneau. */
.enova-search-form{
	position:relative;
	overflow:visible !important;
}
.enova-search-cat{
	border-radius:4px 0 0 4px;
	overflow:hidden;
}
.enova-search-submit{
	border-radius:0 4px 4px 0;
	overflow:hidden;
}

.enova-suggest{
	position:absolute;
	top:100%;
	left:0;
	right:0;
	z-index:9999;
	margin:0;
	padding:6px;
	background:#ffffff;
	border:1px solid #ebebed;
	border-top:1px solid #e4e4e7;
	border-radius:0 0 14px 14px;
	box-shadow:0 1px 2px rgba(28,28,30,.04), 0 18px 44px rgba(28,28,30,.12);
	opacity:0;
	visibility:hidden;
	transform:translateY(-6px);
	transition:opacity .16s ease, transform .16s ease, visibility .16s;
	max-height:min(68vh,540px);
	overflow-y:auto;
	overscroll-behavior:contain;
	text-align:left;
	box-sizing:border-box;
}
.enova-suggest.is-open{ opacity:1; visibility:visible; transform:translateY(0); }
.enova-suggest::-webkit-scrollbar{ width:8px; }
.enova-suggest::-webkit-scrollbar-track{ background:transparent; }
.enova-suggest::-webkit-scrollbar-thumb{ background:#d8d8dc; border-radius:99px; border:2px solid #fff; }
.enova-suggest::-webkit-scrollbar-thumb:hover{ background:#b9b9bf; }

.enova-suggest-head{
	padding:13px 12px 7px;
	font-size:10.5px;
	font-weight:700;
	letter-spacing:.09em;
	text-transform:uppercase;
	color:#9a9aa0;
	line-height:1;
}

.enova-suggest-list{ display:block; }

.enova-suggest-item{
	display:flex;
	align-items:center;
	gap:12px;
	padding:7px 8px;
	margin:0 0 2px;
	border-radius:10px;
	text-decoration:none;
	color:#1c1c1e;
	transition:background-color .14s ease;
}
.enova-suggest-item:hover,
.enova-suggest-item.is-active{ background:#f5f5f7; }

.enova-suggest-thumb{
	flex:0 0 46px;
	width:46px;
	height:46px;
	border-radius:9px;
	overflow:hidden;
	background:#f2f2f4;
	display:block;
}
.enova-suggest-thumb img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.enova-suggest-info{
	flex:1 1 auto;
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:2px;
}

.enova-suggest-title{
	font-size:13.5px;
	font-weight:500;
	line-height:1.35;
	color:#1c1c1e;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.enova-suggest-price{
	font-size:13px;
	font-weight:700;
	line-height:1.3;
	color:#1c1c1e;
	white-space:nowrap;
}
.enova-suggest-price del{ color:#a5a5ab; font-weight:400; margin-right:5px; }
.enova-suggest-price ins{ color:#1c1c1e; text-decoration:none; }
.enova-suggest-price .woocommerce-Price-amount,
.enova-suggest-price .woocommerce-Price-currencySymbol,
.enova-suggest-price .amount{ color:inherit; font-weight:700; }

.enova-suggest-cats{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	padding:2px 8px 10px;
}
.enova-suggest-chip{
	display:inline-flex;
	align-items:center;
	padding:7px 13px;
	border:1px solid #e6e6ea;
	border-radius:999px;
	background:#fff;
	font-size:12.5px;
	font-weight:500;
	color:#3a3a3f;
	text-decoration:none;
	transition:all .15s ease;
}
.enova-suggest-chip:hover{
	border-color:#1c1c1e;
	background:#1c1c1e;
	color:#fff;
}

.enova-suggest-all{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	margin:4px 2px 2px;
	padding:11px 14px;
	border-radius:10px;
	background:#1c1c1e;
	color:#fff;
	font-size:13px;
	font-weight:600;
	text-decoration:none;
	transition:background-color .15s ease, color .15s ease;
}
.enova-suggest-all:hover{ background:#ffb700; color:#1c1c1e; }
.enova-suggest-all svg{ transition:transform .15s ease; }
.enova-suggest-all:hover svg{ transform:translateX(3px); }

.enova-suggest-empty{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	padding:22px 16px;
	font-size:13px;
	color:#7c7c84;
}

.enova-suggest-load{ padding:4px 2px; }
.enova-suggest-load span{
	display:block;
	height:60px;
	margin:0 0 2px;
	border-radius:10px;
	background:linear-gradient(90deg,#f3f3f5 25%,#e9e9ec 37%,#f3f3f5 63%);
	background-size:400% 100%;
	animation:enovaShimmer 1.15s ease-in-out infinite;
}
@keyframes enovaShimmer{
	0%{ background-position:100% 50%; }
	100%{ background-position:0 50%; }
}

@media (max-width: 1023px){
	.enova-suggest{ max-height:62vh; }
	.enova-suggest-item{ padding:9px 8px; }
}