/**
 * Toba Market — Forms
 * Search bar and filter controls used across the hero, header, and
 * category/location/search pages. Kept separate from account/auth
 * forms (which remain in frontend.css, unchanged from Phase 3–5).
 */

.tts-market-search-bar {
	display: flex;
	flex-direction: column;
	gap: var(--tts-space-2);
	background: var(--tts-surface);
	padding: var(--tts-space-3);
	border-radius: var(--tts-radius-lg);
	box-shadow: var(--tts-shadow-md);
}
.tts-market-search-bar input[type="text"],
.tts-market-search-bar input[type="search"],
.tts-market-search-bar select {
	width: 100%;
	padding: var(--tts-space-3) var(--tts-space-4);
	border: 1px solid var(--tts-border);
	border-radius: var(--tts-radius-md);
	font-size: 16px; /* prevents iOS zoom-on-focus */
	color: var(--tts-text);
	background: var(--tts-surface);
}
.tts-market-search-bar label {
	font-size: var(--tts-font-size-xs);
	color: var(--tts-text-muted);
	font-weight: 600;
}

.tts-market-filter-bar {
	display: flex;
	flex-direction: column;
	gap: var(--tts-space-2);
	margin-bottom: var(--tts-space-4);
}
.tts-market-filter-bar select,
.tts-market-filter-bar input[type="text"] {
	padding: var(--tts-space-2) var(--tts-space-3);
	border: 1px solid var(--tts-border);
	border-radius: var(--tts-radius-md);
	font-size: 16px;
}

@media (min-width: 768px) {
	.tts-market-search-bar { flex-direction: row; align-items: stretch; }
	.tts-market-search-bar input[type="text"] { flex: 2; }
	.tts-market-search-bar select { flex: 1; }
	.tts-market-search-bar .tts-market-btn { flex: 0 0 auto; }

	.tts-market-filter-bar { flex-direction: row; }
	.tts-market-filter-bar input[type="text"] { flex: 2; }
	.tts-market-filter-bar select { flex: 1; }
}