/* Pagination Jump Select */

:root {
	--wc-form-border-color: #ddd;
}

.pagination-jump-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.pagination-jump-wrapper label {
	color: #0064cf;
	font-size: 14px;
	margin-bottom: 0;
}

.pagination-jump-wrapper .select2-container,
.pagination-jump-select {
	min-width: 120px;
	font-size: 14px;
	font-family: var(--wp--preset--font-family--urbanist);
}

.pagination-jump-wrapper .select2-container--default .select2-selection--single,
.pagination-jump-select {
	background-color: #fff;
	border-color: #ddd;
	border-radius: 0;
}

.pagination-jump-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.pagination-jump-select {
	padding: 10px;
	color: #0064cf;
}

.pagination-jump-wrapper .select2-container .select2-selection--single {
	height: 48px;
}

.pagination-jump-wrapper .select2-search--dropdown {
	padding: 4px !important;
	border: none !important;
}

.pagination-jump-wrapper .select2-search--dropdown:focus-visible {
	outline-color: transparent !important;
	border-color: #ddd !important;
}

.pagination-jump-wrapper .select2-container--default .select2-results__option--highlighted[aria-selected], .pagination-jump-wrapper .select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: #ddd;
	color: #00274c;
}

.pagination-jump-wrapper .select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #fff;	
	padding: 0;
}

.pagination-jump-wrapper .select2-container--default .select2-search--dropdown .select2-search__field:focus {
	outline-color: transparent;
	border-color: #ddd !important;
}

.pagination-jump-wrapper .select2-container .select2-dropdown {
	border-radius: 0;
}

.pagination-jump-wrapper .select2-results__option {
	padding: 10px 4px !important;
	white-space: nowrap;
	border: none;
	font-size: 14px;
}

.pagination-jump-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}