/**
 * Header layout: Market — .espt-block-header.is-preset-market
 *
 * One white row: logo, menu, pill search with a worded button, help line,
 * icons with count bubbles. Colours come from the --hd-* tokens (the theme's
 * settings) unless the block sets its own.
 */

.espt-block-header.is-preset-market .esptb-hd-topbar { font-size: var(--topbar-size, 12.5px); }
.espt-block-header.is-preset-market .esptb-hd-main .esptb-hd-bar { flex-wrap: wrap; }

/* Phones and tablets: the search gets a row of its own under the bar. */
.espt-block-header.is-preset-market .esptb-hd-searchbar { display: block; }

.espt-block-header.is-preset-market .espt-search-form input[type="search"] {
	background: var(--search-bg, var(--header-bg, var(--hd-bg)));
	border-color: var(--search-line, color-mix(in srgb, var(--hd-ink) 16%, transparent));
}

.espt-block-header.is-preset-market .esptb-hd-icons { gap: 6px; }

.espt-block-header.is-preset-market .espt-cart-count {
	box-shadow: 0 0 0 2px var(--header-bg, var(--hd-bg));
	font-size: 11px;
	height: 19px;
	min-width: 19px;
	right: -3px;
	top: -3px;
}

@media (min-width: 1024px) {
	.espt-block-header.is-preset-market .esptb-hd-main .esptb-hd-bar { flex-wrap: nowrap; gap: 22px; }
	.espt-block-header.is-preset-market .esptb-nav-main { flex: 1 1 auto; min-width: 0; }
	.espt-block-header.is-preset-market .esptb-nav-main .espt-hd-menu { justify-content: flex-start; }

	/* A long menu wraps before the search gives up its field. */
	.espt-block-header.is-preset-market .esptb-hd-searchbar {
		flex: 0 1 380px;
		margin-left: auto;
		min-width: 230px;
		order: 0;
	}

	.espt-block-header.is-preset-market .esptb-hd-icons { margin-left: 0; }

	/* 1024–1279: the help line would squeeze the menu — it waits for room. */
	.espt-block-header.is-preset-market .esptb-hd-help { display: none; }
}

@media (min-width: 1280px) {
	.espt-block-header.is-preset-market .esptb-hd-help { display: inline-flex; }
}