/**
 * Live search suggestions — the dropdown under the header search box (desktop
 * bar, full width) and inside the mobile menu (inline list).
 */

.cb-suggest {
	position: absolute; top: 100%; left: 0; right: 0; z-index: 55;
	background: var(--cb-color-surface); border-top: 1px solid var(--cb-color-border);
	box-shadow: var(--cb-shadow-md); max-height: min(70vh, 34rem); overflow-y: auto;
}
.cb-suggest[hidden] { display: none; }
.cb-suggest__inner { max-width: var(--cb-container-max); margin-inline: auto; padding: var(--cb-space-sm) var(--cb-gutter-mobile); }
@media (min-width: 1024px) { .cb-suggest__inner { padding-inline: var(--cb-margin); } }

.cb-suggest__item {
	display: flex; align-items: center; gap: var(--cb-space-md);
	padding: 0.6rem 0.5rem; border-radius: var(--cb-radius);
	transition: background var(--cb-transition-fast);
}
.cb-suggest__item:hover, .cb-suggest__item.is-active { background: var(--cb-color-surface-alt); }
.cb-suggest__item img { width: 3rem; height: 4rem; object-fit: cover; object-position: top; border-radius: var(--cb-radius); background: var(--cb-color-surface-alt); flex-shrink: 0; }
.cb-suggest__text { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.cb-suggest__title { font-family: var(--cb-font-heading); font-size: var(--cb-text-headline-sm); line-height: var(--cb-leading-headline-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cb-suggest__title mark { background: color-mix(in srgb, var(--cb-color-dusty-rose) 35%, transparent); color: inherit; border-radius: 2px; padding: 0 1px; }
.cb-suggest__price { font-size: var(--cb-text-body-md); color: var(--cb-color-text-muted); }
.cb-suggest__price del { color: var(--cb-color-text-faint); margin-right: 0.35rem; }
.cb-suggest__price ins { text-decoration: none; color: var(--cb-color-dusty-rose); }

.cb-suggest__all {
	display: block; margin-top: var(--cb-space-xs); padding: 0.75rem 0.5rem; text-align: center;
	border-top: 1px solid var(--cb-color-border);
	font-size: var(--cb-text-label-md); letter-spacing: var(--cb-tracking-label-md); text-transform: uppercase;
	color: var(--cb-color-text);
}
.cb-suggest__all:hover, .cb-suggest__all.is-active { color: var(--cb-color-dusty-rose); }
.cb-suggest__empty { margin: 0; padding: var(--cb-space-md) 0.5rem; color: var(--cb-color-text-muted); font-size: var(--cb-text-body-md); }

/* Inside the mobile menu the list simply opens in the flow, under the search field. */
.cb-suggest--inline { position: static; box-shadow: none; max-height: none; border-top: 0; background: transparent; margin-top: calc(-1 * var(--cb-space-sm)); }
.cb-suggest--inline .cb-suggest__inner { padding-inline: 0; }
.cb-suggest--inline .cb-suggest__title { font-size: var(--cb-text-title-editorial); }