/**
 * Block Name: acf/archive
 * Description: A dynamic archive with filters and pagination.
 *
 */

.wp-block.wp-block-acf-archive {
	max-width: 100% !important;
	padding: 0 !important;
}

.block__acf-archive select.facetwp-dropdown,
.block__acf-archive select.facetwp-sort-select,
.block__acf-archive .facetwp-input-wrap,
.block__acf-archive input.facetwp-search {
	width: 100%;
}

.block__acf-archive select.facetwp-sort-select,
.block__acf-archive select.facetwp-dropdown,
.block__acf-archive input.facetwp-search {
	appearance: none;
    font-family: var(--wp--preset--font-family--body);
	padding: 0.75em 0.65em;
    border-radius: 0.5em;
	border: 1px solid #e8e8e8;
	line-height: 1;
}

.block__acf-archive select.facetwp-sort-select,
.block__acf-archive select.facetwp-dropdown {
	padding-inline-end: 2em;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 29 28"><path stroke="%23231325" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m7.67 10.5 7 7 7-7"/></svg>');
	background-repeat: no-repeat;
	background-position: right 0.5em center;
	background-size: 1.5em;
}

.block__acf-archive input.facetwp-search {
	position: relative;
	padding-block: 0.4em;
	padding-inline-start: 2.5em;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 52 53"><path stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m45.5 46-9.42-9.42m5.09-12.25a17.33 17.33 0 1 1-34.67 0 17.33 17.33 0 0 1 34.67 0Z"/></svg>');
	background-repeat: no-repeat;
	background-position: left 0.5em center;
	background-size: 1.5em;
}

.block__acf-archive .facetwp-type-search .facetwp-icon,
.block__acf-archive .facetwp-selection-label {
	display: none;
}

.block__acf-archive .facetwp-selections ul {
	display: flex;
	padding: 0;
	gap: 0.1em;
}

.block__acf-archive .facetwp-selections li {
	display: block !important;
	padding: 0;
}

.block__acf-archive .facetwp-selection-value {
	background-color: #ebeced;
	border-radius: 1em;
	padding: 0.85em 2em 0.75em 1em !important;
    font-size: 0.75em;
	background-size: 9px 9px !important;
	background-position: right 0.5em center !important;
}

.block__acf-archive__filters {
	display: flex;
	gap: 0.5em;
	background: white;
	padding: 1.5em;
	border-radius: 1em;
	border: 1px solid #e8e8e8;
}

.block__acf-archive__filters * {
	margin: 0 !important;
}

.block__acf-archive__filters .title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.25em;
	font-weight: 500;
}

.block__acf-archive__filters .facetwp-sort-select,
.block__acf-archive__filters .facetwp-dropdown,
.block__acf-archive__filters .facetwp-search {
	background-color: #f2f2f4;
}

.block__acf-archive__listing-info .title {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 500;
	margin-bottom: 1em;
}

.block__acf-archive {
	padding-top: 2em;
	padding-bottom: 2em;
	background: #f7f6f8;
}

.block__acf-archive .facetwp-pager {
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: var(--wp--preset--font-family--body);
	padding: 3rem 2rem;
}

.block__acf-archive .facetwp-pager a {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0.5rem;
	border-radius: 0.25rem;
	text-decoration: none;
	width: 2.5rem;
	font-weight: 500;
	height: 2.5rem;
	gap: 0.75em;
}

.block__acf-archive .facetwp-pager a .svg {
	transform: translateY(-0.1em) scale(1.5);
}

.block__acf-archive .facetwp-pager a.active {
	background: #dee0e3;
	font-weight: 500;
}

.block__acf-archive .facetwp-pager a.next,
.block__acf-archive .facetwp-pager a.prev {
	width: auto;
}

/* Hide facets and sort for Press Coverage */
.block__acf-archive.archive__press-coverage .block__acf-archive__filters,
.block__acf-archive.archive__press-coverage .block__acf-archive__listing-info {
	display: none;
}

@media (max-width: 767px) {

	.block__acf-archive__filters {
		flex-direction: column;
		margin-bottom: 2em;
	}

	.block__acf-archive__filters .title {
		margin-bottom: 1em !important;
	}

	.block__acf-archive__listing-info {
		margin-block: 2em;
	}

	.block__acf-archive__listing-info .facetwp-sort {
		margin-block: 1.25em;
	}

	.block__acf-archive .facetwp-selections ul {
		flex-direction: column;
		gap: 1em;
	}

	.block__acf-archive .facetwp-pager a span,
	.block__acf-archive .facetwp-pager a span {
		display: none;
	}
}

@media (min-width: 768px) {

	.block__acf-archive {
		padding-top: 3em;
		padding-bottom: 3em;
	}

	.block__acf-archive select.facetwp-sort-select,
	.block__acf-archive select.facetwp-dropdown {
		padding: 1em;
	}

	.block__acf-archive input.facetwp-search {
		padding-block: 0.65em;
	}

	.block__acf-archive__filters {
		align-items: center;
		justify-content: stretch;
		padding: 2em 1.5em;
		margin-bottom: 1.5em;
	}

	.block__acf-archive__filters > * {
		flex-grow: 1;
	}

	.block__acf-archive__filters .title {
		font-size: 1.5em;
		flex-shrink: 0;
		flex-grow: 0;
	}

	.block__acf-archive__listing-info {
		margin-bottom: 1.5em;
	}

	.block__acf-archive__listing-info .facetwp-sort {
		float: right;
		width: 13em;
	}

	.block__acf-archive__listing-info .title {
		margin: 0;
		padding: 0.65em 0 0.9em;
	}

	.block__acf-archive__listing-info .results {
		display: flex;
		align-items: center;
		gap: 1em;
	}
}