/* Resultats de cerca */

.cerca-head {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 64px var(--pad-x) 8px;
}
.cerca-head__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: 42px;
	font-weight: 600;
	letter-spacing: -1px;
	color: var(--ink);
}
.cerca-head__count {
	margin: 0;
	font-family: var(--font-mono);
	font-size: 12px;
	letter-spacing: 1px;
	color: var(--ink-faint);
}

.cerca-form {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 14px;
	max-width: 560px;
	padding: 0 0 0 14px;
	background: var(--paper-card);
	border: 1px solid var(--line);
	border-radius: 2px;
	color: var(--ink-faint);
}
.cerca-form:focus-within { border-color: var(--wine); color: var(--wine); }
.cerca-form input {
	flex: 1;
	min-width: 0;
	padding: 14px 0;
	border: 0;
	background: none;
	font-family: var(--font-ui);
	font-size: 15px;
	color: var(--ink);
}
.cerca-form input:focus { outline: 0; }
.cerca-form .btn { border-radius: 0 2px 2px 0; padding: 14px 22px; }

.cerca-buit {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	padding: 28px var(--pad-x) 90px;
}
.cerca-buit p {
	margin: 0;
	max-width: 60ch;
	font-family: var(--font-body);
	font-size: 17px;
	line-height: 1.6;
	color: var(--ink-soft);
}

.cerca-llibres { padding-bottom: 24px; }
.cerca-posts { padding-top: 8px; }

@media (max-width: 768px) {
	.cerca-head__title { font-size: 30px; }
	.cerca-form { flex-wrap: wrap; }
}