/* Instant search suggestions: a panel under the product search field. */
form[data-bookshelf-live-search] {
	position: relative;
}

.bookshelf-live-search {
	position: absolute;
	z-index: 100;
	inset-block-start: calc(100% + 0.25rem);
	inset-inline-end: 0;
	inline-size: min(26rem, 90vw);
	padding: 0.5rem;
	border: 1px solid var(--wp--preset--color--border, #e6e6e6);
	border-radius: 12px;
	background: var(--wp--preset--color--base, #fff);
	box-shadow: 0 8px 24px rgb(0 0 0 / 12%);
	color: var(--wp--preset--color--contrast, inherit);
	text-align: start;
}

.bookshelf-live-search[hidden] {
	display: none;
}

.bookshelf-live-search__list {
	max-block-size: 60vh;
	margin: 0;
	padding: 0;
	overflow-y: auto;
	list-style: none;
}

.bookshelf-live-search__item {
	display: grid;
	grid-template-columns: 48px 1fr auto;
	gap: 0.75rem;
	align-items: center;
	padding: 0.4rem;
	border-radius: 8px;
	color: inherit;
	text-decoration: none;
}

.bookshelf-live-search [aria-selected="true"] .bookshelf-live-search__item,
.bookshelf-live-search__item:hover {
	background: var(--wp--preset--color--base-2, #f3f3f3);
}

.bookshelf-live-search__item img {
	inline-size: 48px;
	block-size: 48px;
	border-radius: 6px;
	object-fit: cover;
}

.bookshelf-live-search__name {
	font-size: var(--wp--preset--font-size--small, 0.9rem);
}

.bookshelf-live-search__price {
	font-size: var(--wp--preset--font-size--small, 0.9rem);
	white-space: nowrap;
}

.bookshelf-live-search__empty {
	padding: 0.5rem;
	color: var(--wp--preset--color--contrast-2, inherit);
}

.bookshelf-live-search__all {
	display: block;
	padding: 0.5rem 0.4rem 0.25rem;
	font-size: var(--wp--preset--font-size--small, 0.9rem);
}

.bookshelf-live-search__all[hidden] {
	display: none;
}

.bookshelf-live-search__price ins {
	text-decoration: none;
}