/* ────────────────────────────────────────────────────────────────
 * e-eSIM — ee-live-search.css
 *
 * Dropdown for the live search (ee-live-search.js). Styled with the
 * theme's design tokens so it matches the existing .ee-search field.
 * .ee-search is position:relative, so the panel anchors to it.
 * ──────────────────────────────────────────────────────────────── */

.ee-search__results {
	position: absolute;
	top: calc(100% + var(--ee-sp-2));
	left: 0;
	right: 0;
	z-index: var(--ee-z-dropdown);
	display: none;
	text-align: left; /* the archive section is text-align:center — pin results left so both pages match */
	max-height: 60vh;
	overflow-y: auto;
	padding: var(--ee-sp-2);
	background: var(--ee-c-bg-elev, var(--ee-c-bg));
	border: 1px solid var(--ee-c-line);
	border-radius: var(--ee-r-lg);
	box-shadow: var(--ee-shadow-lg);
	-webkit-overflow-scrolling: touch;
}

.ee-search__results[data-open] {
	display: block;
}

.ee-search__result {
	display: flex;
	align-items: center;
	gap: var(--ee-sp-3);
	padding: var(--ee-sp-3) var(--ee-sp-4);
	border-radius: var(--ee-r-md);
	color: var(--ee-c-ink);
	text-decoration: none;
	text-align: left; /* archive wrapper is text-align:center — keep items left */
	transition: background-color var(--ee-d-fast) var(--ee-ease-out);
}

.ee-search__result:hover,
.ee-search__result[data-active] {
	background: var(--ee-c-bg-soft);
}

.ee-search__result-name {
	flex: 1 1 auto;
	min-width: 0;
	text-align: left; /* explicit so a centered ancestor never wins */
	font-size: var(--ee-fs-base);
	font-weight: var(--ee-fw-medium);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Destination count badge ("12 plans") */
.ee-search__result-badge {
	flex: 0 0 auto;
	font-size: var(--ee-fs-xs);
	font-weight: var(--ee-fw-regular);
	color: var(--ee-c-ink-muted);
}

/* Product thumb + price */
.ee-search__result-thumb {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border-radius: var(--ee-r-sm);
	object-fit: cover;
	background: var(--ee-c-bg-soft);
}

.ee-search__result-price {
	flex: 0 0 auto;
	font-size: var(--ee-fs-sm);
	font-weight: var(--ee-fw-semi);
	color: var(--ee-c-ink);
}

.ee-search__result-price del {
	color: var(--ee-c-ink-subtle);
	font-weight: var(--ee-fw-regular);
	margin-right: var(--ee-sp-1);
}

.ee-search__empty {
	padding: var(--ee-sp-4);
	text-align: center;
	font-size: var(--ee-fs-sm);
	color: var(--ee-c-ink-muted);
}

/* Search-results page intro (paired with the .ee-archive__h1 from the
   archive template, reused by ee_search_render_heading()). */
.ee-archive__intro {
	margin: var(--ee-sp-2) 0 var(--ee-sp-6);
	font-size: var(--ee-fs-base);
	color: var(--ee-c-ink-muted);
}