/** @format */

.acf-map img {
	max-width: inherit !important;
}

.filter_controls form {
	display: flex;
	width: 100%;
	justify-content: end;
	gap: calc(var(--universal-gap) / 2);
	flex-wrap: wrap;
}
.filter_controls form select {
	border-bottom: solid 1px var(--color-black);
}

.location_row .distance.inactive {
	visibility: hidden;
}

.location_row .location_link {
	align-self: normal;
	justify-content: end;
	width: inherit;
}

.location_row .location_link::after {
	content: var(--arrow-outward);
	font-size: 1.5em;
	justify-self: end;
	width: inherit;
	height: inherit;
	display: block;
}

.location_row .location_parent_service .legend_decoration .service_name {
	white-space: nowrap;
	color: var(--color-black);
	font-size: var(--fs-menu-item);
}

.acf_section--location_archive .title_text_container {
	padding: calc(var(--universal-gap) * 2) 0;
}

.google_maps_location_input {
	text-wrap: nowrap;
}

.add_customer_marker,
input[type='text'].google_maps_customer_location {
	padding: calc(var(--universal-gap) / 2) var(--universal-gap);
	text-decoration: none;
	justify-content: center;
	text-align: center;
	border-radius: calc(var(--button-bubble-width) / 2);
	font-weight: var(--fw-bold);
	cursor: pointer;
	border: 0;
	min-width: min(270px, 100%);
}

.google_maps_customer_location {
}

.add_customer_marker,
.show_nearby_locations:hover {
	background-color: var(--color-white-blue);
	color: var(--color-blue);
}

.show_nearby_locations {
	padding: calc(var(--universal-gap) / 2) var(--universal-gap);
	text-decoration: none;
	color: var(--color-white);
	justify-content: center;
	text-align: center;
	border-radius: calc(var(--button-bubble-width) / 2);
	background-color: var(--color-black-blue);
	font-weight: var(--fw-bold);
	cursor: pointer;
	border: 0;
	transition: all 300ms ease;
}

.location_archive_container .location_row {
	display: grid;
	padding: var(--universal-gap) 0;
	grid-template-columns: 15rem auto 7rem 1fr 3rem;
	grid-template-areas: 'title country distance services link';
	gap: 1rem;
}

.location_row .location_parent_service {
	padding: 0;
	display: contents;
}

.location_row .location_country,
.location_row .location_parent_service_name {
	width: fit-content;
	padding-top: calc(var(--universal-gap) / 4);
}

.location_row .location_parent_service {
	padding-bottom: calc(var(--universal-gap) / 2);
}

.location_row:not(:last-child) {
	border-bottom: solid 1px var(--color-black);
}

.filter_controls .sort_distance.sort_distance.inactive,
.location_row.inactive {
	display: none;
}

.location_row .legend_decoration {
	border-color: inherit;
	width: inherit;
}

.location_row .location_name {
	font-size: var(--fs-1);
	font-weight: var(--fw-bold);
}

.location_row .location_parent_service_name {
	font-weight: var(--fw-bold);
	white-space: nowrap;
}

.location_row .location_country,
.location_row .location_name {
	flex-basis: 11rem;
	min-width: 11rem;
	width: fit-content;
}

.location_row .distance {
	flex-basis: 5rem;
	min-width: 5rem;
	font-size: var(--fs-menu-item);
}

.archiv_services_container {
	display: grid;
	grid-template-columns: auto 1fr;
	flex-grow: 2;
	gap: calc(var(--universal-gap) / 2);
}

.archiv_services_container .location_parent_service {
	flex-wrap: nowrap;
}

.location_row .location_children_service_container {
	flex-wrap: wrap;
}

.acf-map_container {
	position: relative;
}

.acf-map {
	width: 100%;
	height: 50vh;
}

.acf-map > .marker {
	display: none;
}

.filter_controls {
	display: flex;
	padding-bottom: calc(var(--universal-gap) * 1.5);
}

.location_row_container {
	display: flex;
	flex-direction: column;
}
.location_row .location_name {
	grid-area: title;
}
.location_row .location_country {
	grid-area: country;
}
.location_row .distance {
	grid-area: distance;
}
.location_row .archiv_services_container {
	grid-area: services;
}
.location_row .location_link {
	grid-area: link;
}

.google_maps_location_form {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: flex-end;
	align-items: flex-end;
	gap: calc(var(--universal-gap) / 2);
	padding: var(--universal-gap);
}

.google_maps_location_form input {
	display: none;
	pointer-events: all;
}

.google_maps_location_form.active input {
	display: block;
	pointer-events: all;
}
.google_maps_location_form button {
	pointer-events: all;
}

.google_maps_location_form.active .show_nearby_locations {
	display: none;
}

@media screen and (max-width: 1050px) {
	.location_archive_container .location_row {
		grid-template-columns: 1fr 1fr 7rem 2fr 3rem;
		grid-template-areas:
			'title title title title link '
			'country distance services services service';
	}
	.archiv_services_container {
		grid-column-start: 1;
		grid-row-start: 2;
	}
}

@media screen and (max-width: 850px) {
	.location_archive_container .location_row {
		grid-template-columns: 1fr 1fr 7rem 2fr 3rem;
		grid-template-areas:
			'title title title title link '
			'country distance services services link';
	}
	.archiv_services_container {
		grid-column-start: 1;
		grid-row-start: 2;
	}
}
@media screen and (max-width: 800px) {
	.location_archive_container .location_row {
		grid-template-columns: 1fr 1fr 7rem 2fr 3rem;
		grid-template-areas:
			'title title country distance link '
			'services services services services link';
	}
	.archiv_services_container {
		grid-column-start: 1;
		grid-row-start: 2;
	}
}

@media screen and (max-width: 600px) {
	.location_archive_container .location_row {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			'title link'
			'country distance'
			'services services';
	}
	.archiv_services_container {
		grid-column-start: 1;
		grid-row-start: 2;
	}
}

@media screen and (max-width: 400px) {
	.location_row .location_parent_service {
		flex-wrap: wrap;
	}
}

.map_pin_permalink {
	color: var(--color-blue) !important;
}