/* Căutarea cu sugestii. Folosește variabilele temei (--c-*), cu valori de rezervă. */

/* Lista de sugestii nu trebuie tăiată de forma de pastilă: colțurile trec pe elementele formularului. */
.dcl-search.dcl-cautare { position: relative; overflow: visible; }
.dcl-search.dcl-cautare .dcl-search-cat { border-radius: 999px 0 0 999px; }
.dcl-search.dcl-cautare > input[type="search"]:first-of-type { border-radius: 999px 0 0 999px; }
.dcl-search.dcl-cautare > .dcl-search-cat + input[type="search"] { border-radius: 0; }
.dcl-search.dcl-cautare input[type="search"]::-webkit-search-cancel-button { cursor: pointer; }
.dcl-search.dcl-cautare.dcl-cautare-incarca button { opacity: .85; }

.dcl-cautare-lista {
	position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 120;
	background: var(--c-panel, #fff); color: var(--c-text, #222);
	border: 1px solid var(--c-line, #e5e5e5); border-radius: 14px;
	box-shadow: 0 14px 36px rgba(0, 0, 0, .14);
	max-height: min(70vh, 560px); overflow: auto; overscroll-behavior: contain;
	padding: 6px 0; text-align: left; font: 400 15px/1.35 var(--c-font, inherit);
}
.dcl-cautare-lista[hidden] { display: none; }

/* În panoul de pe telefon lista stă sub formular. */
.dcl-cautare-sub .dcl-cautare-lista { position: static; box-shadow: none; max-height: none; margin: -4px 0 16px; }

.dcl-cautare-grup + .dcl-cautare-grup { border-top: 1px solid var(--c-line, #e5e5e5); margin-top: 4px; padding-top: 2px; }
.dcl-cautare-grup-titlu { padding: 10px 16px 6px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--c-muted, #666); }

.dcl-cautare-opt { display: flex; align-items: center; gap: 12px; padding: 8px 16px; color: var(--c-ink, #111); text-decoration: none; cursor: pointer; }
.dcl-cautare-opt:hover, .dcl-cautare-opt[aria-selected="true"] { background: var(--c-soft, #f4f4f4); color: var(--c-ink, #111); }
.dcl-cautare-opt[aria-selected="true"] { outline: 2px solid var(--c-accent-text, currentColor); outline-offset: -2px; }
.dcl-cautare-opt img { flex: none; width: 44px; height: 44px; object-fit: cover; border-radius: 8px; background: var(--c-soft, #f4f4f4); }
.dcl-cautare-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.dcl-cautare-titlu { font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.dcl-cautare-titlu mark { background: none; color: inherit; font-weight: 700; padding: 0; }
.dcl-cautare-nota { font-size: 12px; color: var(--c-muted, #666); }
.dcl-cautare-fara-stoc img { opacity: .6; }
.dcl-cautare-pret { flex: none; white-space: nowrap; font-weight: 700; color: var(--c-ink, #111); }
.dcl-cautare-pret del { font-weight: 400; color: var(--c-muted, #666); margin-right: 2px; }
.dcl-cautare-cat .dcl-cautare-titlu { flex: 1; }
.dcl-cautare-numar { flex: none; font-size: 13px; color: var(--c-muted, #666); }
.dcl-cautare-toate { justify-content: center; margin-top: 4px; border-top: 1px solid var(--c-line, #e5e5e5); padding: 12px 16px; font-weight: 700; color: var(--c-accent-text, var(--c-ink, #111)); }
.dcl-cautare-gol { padding: 14px 16px; color: var(--c-muted, #666); }

@media (max-width: 600px) {
	.dcl-cautare-opt { padding: 8px 12px; flex-wrap: wrap; row-gap: 2px; }
	/* pe ecran îngust prețul trece sub titlu, ca titlul să aibă tot rândul */
	.dcl-cautare-pret { font-size: 14px; flex-basis: 100%; }
	.dcl-cautare-opt:has(img) .dcl-cautare-pret { padding-left: 56px; }
}
@media (prefers-reduced-motion: no-preference) {
	.dcl-cautare-opt { transition: background-color .12s ease; }
}