/**
 * Buscador.
 *
 * @package Groowleck
 */

.site-search {
	display: grid;
	gap: var(--groowleck-space-8);
	padding-block: var(--groowleck-space-10);
}

.search-form,
.search-summary,
.search-empty-state {
	display: grid;
	gap: var(--groowleck-space-4);
	padding: var(--groowleck-space-6);
	border: 1px solid currentColor;
	border-radius: var(--groowleck-radius-lg);
}

.search-filters {
	display: grid;
	grid-template-columns: repeat(
		auto-fit,
		minmax(12rem, 1fr)
	);
	gap: var(--groowleck-space-4);
}

.search-form label,
.search-filters label {
	display: grid;
	gap: var(--groowleck-space-2);
}

.search-results {
	display: grid;
	grid-template-columns: repeat(
		auto-fit,
		minmax(18rem, 1fr)
	);
	gap: var(--groowleck-space-6);
}

.search-result {
	overflow: hidden;
	border: 1px solid currentColor;
	border-radius: var(--groowleck-radius-lg);
}

.search-result img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.search-result__body {
	display: grid;
	gap: var(--groowleck-space-3);
	padding: var(--groowleck-space-5);
}

.search-result__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--groowleck-space-3);
}

.search-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--groowleck-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}