/**
 * Archive Styles
 *
 * @package revival
 */

 .archive__header {
	padding-block-start: var(--space-xl);
 }

 .archive__search {
	margin-block-start: var(--space-m);
}

.archive__content {
	padding-block-start: var(--space-xs);
}

.archive__search-input {
	width: 100%;
	max-width: 500px;
	padding: calc(var(--space-xs)*.5) var(--space-xs);
	font-size: var(--text-m);
	border: 2px solid var(--neutral-ultra-dark);
	border-radius: var(--radius-circle);
	background-color: var(--white);
	transition: border-color var(--transition-duration) var(--transition-timing);
	margin-block-end: var(--space-xs);
}

.archive__search-input:focus {
	outline: none;
	border-color: var(--primary);
}

.archive__results-info {
	margin-block-end: var(--space-m);
	font-size: var(--text-s);
	color: var(--neutral-semi-dark);
}

.archive__no-results {
	text-align: center;
	padding-block: 0 var(--space-xl);
	font-size: var(--text-l);
	color: var(--neutral-semi-dark);
}

.archive__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--grid-gap);
	width: 100%;
}

@media (max-width: 991px) {
	.archive__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.archive__grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.pagination .nav-links {
	display: flex;
	gap: var(--space-m);
}