/**
 * Shared component — site search form (searchform.php)
 *
 * 1. Site Search
 * 2. Responsive
 */

/* ============================ SITE SEARCH ============================ */
.site-search {
	display: flex;
	gap: var(--space-14);
	max-width: calc(760 * var(--u));
}

.site-search__input {
	min-height: calc(84 * var(--u));
	padding: var(--space-16) var(--space-24);
	font-size: var(--fs-24);
	color: var(--heading-color);
	border: var(--stroke) solid var(--border-color);
	border-radius: var(--radius-md);
}

.site-search__input:focus {
	border-color: var(--heading-color);
	box-shadow: none;
}

/* ============================ RESPONSIVE ============================ */

/* --- XS / Small Mobile --- */
@media (max-width: 575px) {
	.site-search {
		flex-direction: column;
	}

	.site-search__input {
		min-height: 52px;
	}
}