/* Search-as-you-type dropdown.
   ⚠️ THEME-NEUTRAL ON PURPOSE, like the other storefront sheets (see buylist.css): fonts and
   colours inherit from the theme. The panel needs an opaque backing because it floats over
   page content, so it uses the theme's own base preset (falling back to white); every other
   colour is mixed from currentColor so dark themes tint correctly. */
.cardtrack-suggest {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1000;
	margin-top: 4px;
	background: var( --wp--preset--color--base, #fff );
	border: 1px solid color-mix( in srgb, currentColor 15%, transparent );
	box-shadow: 0 4px 16px rgba( 0, 0, 0, 0.12 );
	max-height: 70vh;
	overflow-y: auto;
}
.cardtrack-suggest ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.cardtrack-suggest li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	text-decoration: none;
	color: inherit;
}
/* Keyboard focus stays in the search input; is-active mirrors aria-activedescendant. */
.cardtrack-suggest li a:hover,
.cardtrack-suggest li a:focus-visible,
.cardtrack-suggest li a.is-active {
	background: color-mix( in srgb, currentColor 6%, transparent );
}
.cardtrack-suggest a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -2px;
}
.cardtrack-suggest li img {
	width: 36px;
	height: auto;
	flex: 0 0 auto;
	border-radius: 2px;
}
.cardtrack-suggest__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	flex: 1 1 auto;
}
.cardtrack-suggest__text strong {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cardtrack-suggest__text small {
	opacity: 0.7;
}
.cardtrack-suggest__stock {
	flex: 0 0 auto;
	font-size: 0.85em;
	opacity: 0.75;
	white-space: nowrap;
}
.cardtrack-suggest__price {
	flex: 0 0 auto;
	font-weight: 600;
	white-space: nowrap;
}
.cardtrack-suggest__all {
	display: block;
	padding: 10px 12px;
	border-top: 1px solid color-mix( in srgb, currentColor 10%, transparent );
	text-align: center;
	text-decoration: none;
	font-weight: 600;
}