/* Overview template (formerly default) */

.yooker-location-filter.ylrf-template-overview,
.yooker-location-filter.ylrf-template-default {
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.ylrf-template-overview .yooker-location-filter__label,
.ylrf-template-default .yooker-location-filter__label {
	display: block;
	margin-bottom: .4em;
	font-weight: 600;
	font-size: .9em;
}

.ylrf-template-overview .yooker-location-filter__input-wrap,
.ylrf-template-default .yooker-location-filter__input-wrap {
	position: relative;
	display: flex;
	align-items: center;
}

.ylrf-template-overview .yooker-location-filter__address,
.ylrf-template-default .yooker-location-filter__address {
	width: 100%;
	border: 1px solid currentColor;
	border-radius: 4px;
	font-size: 1em;
	background: transparent;
	color: inherit;
	box-sizing: border-box;
}

.ylrf-template-overview .yooker-location-filter__clear,
.ylrf-template-default .yooker-location-filter__clear {
	position: absolute;
	right: .5em;
	background: none;
	border: none;
	cursor: pointer;
	font-size: 1.1em;
	line-height: 1;
	opacity: .6;
	padding: 0;
	color: inherit;
}

.ylrf-template-overview .yooker-location-filter__clear:hover,
.ylrf-template-default .yooker-location-filter__clear:hover {
	opacity: 1;
}

.ylrf-template-overview .yooker-location-filter__slider,
.ylrf-template-default .yooker-location-filter__slider {
	width: 100%;
	cursor: pointer;
	accent-color: currentColor;
}

.ylrf-template-overview .yooker-location-filter__slider:disabled,
.ylrf-template-default .yooker-location-filter__slider:disabled {
	opacity: .4;
	cursor: not-allowed;
}

/* Single-search template */

.yooker-location-filter.ylrf-template-single-search {
	display: grid;
	grid-template-columns: 1.1fr 1.1fr auto;
	align-items: stretch;
	gap: 0;
	background: #f5f5f5;
	min-height: 64px;
	max-width: 1180px;
	width: 100%;
	padding: 8px;
}

.ylrf-template-single-search .yooker-location-filter__segment {
	display: flex;
	align-items: center;
	padding: 0 8px;
	position: relative;
}

.ylrf-template-single-search .yooker-location-filter__segment.is-search {
	border-right: 1px solid #e3e3e3;
}

.ylrf-template-single-search .yooker-location-filter__search,
.ylrf-template-single-search .yooker-location-filter__address,
.ylrf-template-single-search .yooker-location-filter__radius-select {
	width: 100%;
	height: 100%;
	min-height: 62px;
	border: 0;
	outline: 0 !important;
	background: transparent !important;
	font-size: 1rem;
	color: #474747 !important;
}

.ylrf-template-single-search .yooker-location-filter__search::placeholder,
.ylrf-template-single-search .yooker-location-filter__address::placeholder {
	color: #8b8b8b;
	opacity: 1;
}

.ylrf-template-single-search .yooker-location-filter__radius-select {
    appearance: none;
    padding-right: 25px !important;
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, #777 50%), linear-gradient(135deg, #777 50%, transparent 50%) !important;
    background-position: calc(100% - 16px) calc(50% - 3px), calc(100% - 10px) calc(50% - 3px) !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
    width: fit-content;
}
.ylrf-template-single-search .yooker-location-filter__submit {
	border: 0;
	background: #f56922;
	color: #fff;
	min-height: 64px;
	padding: 0 28px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	cursor: pointer;
	transition: background .2s ease;
}

.ylrf-template-single-search .yooker-location-filter__submit:hover {
	background: #e45f1d;
}

.ylrf-template-single-search .yooker-location-filter__submit:disabled {
	opacity: .65;
	cursor: not-allowed;
}

.ylrf-template-single-search .yooker-location-filter__submit-icon::before {
	content: '⌕';
	font-size: 1rem;
	line-height: 1;
	display: inline-block;
	transform: translateY(-1px);
}

@media (max-width: 1200px) {
	.yooker-location-filter.ylrf-template-single-search {
		grid-template-columns: 1fr 1fr;
	}

	.ylrf-template-single-search .yooker-location-filter__segment.is-search,
	.ylrf-template-single-search .yooker-location-filter__segment.is-location {
		border-bottom: 1px solid #e3e3e3;
	}

	.ylrf-template-single-search .yooker-location-filter__segment.is-location,
	.ylrf-template-single-search .yooker-location-filter__segment.is-radius {
		border-right: 0;
	}

	.ylrf-template-single-search .yooker-location-filter__submit {
		font-size: .95rem;
	}
}

@media (max-width: 900px) {
	.yooker-location-filter.ylrf-template-single-search {
		grid-template-columns: 1fr;
	}

	.ylrf-template-single-search .yooker-location-filter__segment.is-search,
	.ylrf-template-single-search .yooker-location-filter__segment.is-location,
	.ylrf-template-single-search .yooker-location-filter__segment.is-radius {
		border-right: 0;
		border-bottom: 1px solid #e3e3e3;
	}

	.ylrf-template-single-search .yooker-location-filter__submit {
		width: 100%;
	}
}