/** Search Results Page **/
.type-archive {
	background-color: var(--theme-palette-color-6);
}

.type-archive > .wp-block-group {
	padding: 40px 20px 80px;
}

.type-archive .hero-section,
.type-archive .entries {
	max-width: 1140px;
	margin: 0 auto;
}

.type-archive .hero-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
}

@media only screen and (max-width: 1071px) {
	.type-archive .hero-section {
		flex-direction: column;
	}
}

.type-archive .hero-section .ct-search-form {
	width: auto;
	min-width: 300px;
	height: 100%;
}

@media only screen and (max-width: 1071px) {
	.type-archive .hero-section .ct-search-form {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 679px) {
	.type-archive .hero-section .ct-search-form {
		width: 100%;
	}
}

/** Search Input **/
.type-archive .ct-search-form input {
	background-color: var(--theme-palette-color-6);
	border-top-color: var(--theme-palette-color-4);
	border-bottom-color: var(--theme-palette-color-4);
	border-left-color: var(--theme-palette-color-4);
}

.type-archive .ct-search-form input:focus {
	border-top-color: var(--theme-form-field-border-focus-color);
	border-bottom-color: var(--theme-form-field-border-focus-color);
	border-left-color: var(--theme-form-field-border-focus-color);
}

/** Search Button **/
.type-archive :is(.ct-search-form input ~ .ct-search-form-controls [data-button*=inside]) {
	background-color: var(--theme-palette-color-6);
	border-top-color: var(--theme-palette-color-4);
	border-right-color: var(--theme-palette-color-4);
	border-bottom-color: var(--theme-palette-color-4);
}

.type-archive :is(.ct-search-form input:focus ~ .ct-search-form-controls [data-button*=inside]) {
	border-top-color: var(--theme-form-field-border-focus-color);
	border-right-color: var(--theme-form-field-border-focus-color);
	border-bottom-color: var(--theme-form-field-border-focus-color);
}
/* ---- */


/**********************
 * Pagination Buttons
 **********************/
.type-archive .pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 60px;
	font-family: inherit;
}

.type-archive .nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

/* Base links and current state */
.type-archive .pagination a,
.type-archive .pagination .page-numbers {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background-color: var(--theme-palette-color-6);
	border-radius: 8px;
	text-decoration: none;
	color: var(--theme-palette-color-4);
	font-size: 16px;
	transition: all 0.2s ease;
}

/* Hover and active */
.type-archive .pagination a:hover {
	background-color: var(--theme-palette-color-3);
	color: var(--theme-palette-color-8);
}

.type-archive .pagination .current {
	background-color: var(--theme-palette-color-1) !important;
	color: var(--theme-palette-color-8) !important;
	pointer-events: none;
}

/* Dots (… in between) */
.type-archive .pagination .dots {
	border: none !important;
	background: none !important;
	width: auto;
	padding: 0 6px;
	color: var(--theme-palette-color-8);
}

/* Arrows for previous/next */
.type-archive .pagination .prev,
.type-archive .pagination .next {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 0; /* hide text */
	position: relative;
}

.type-archive .pagination .prev {
	margin-right: 20px;
}

.type-archive .pagination .next {
	margin-left: 20px;
}

.type-archive .pagination .prev::before,
.type-archive .pagination .next::before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid var(--theme-palette-color-4);
	border-right: 2px solid var(--theme-palette-color-4);
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%) rotate(225deg);
	transition: border-color 0.2s ease;
}

.type-archive .pagination .next::before {
	left: 48%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.type-archive .pagination .prev:hover::before,
.type-archive .pagination .next:hover::before {
	border-color: var(--theme-palette-color-8);
}