/*
 * WP Store Locator layout overrides.
 *
 * The plugin outputs the map before the results list and relies on floats to
 * pull the list into the left column. The page-builder layout can make that
 * fragile, so we use flexbox to keep the list left and the map right.
 */

#wpsl-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.5%;
}

#wpsl-wrap .wpsl-search {
	background: transparent;
	flex: 0 0 100%;
	order: 1;
}

#wpsl-wrap #wpsl-radius,
#wpsl-wrap #wpsl-results {
	display: none;
}

#wpsl-wrap #wpsl-result-list {
	clear: none;
	flex: 0 0 33%;
	order: 2;
	width: 33%;
	margin: 0;
}

#wpsl-wrap #wpsl-gmap {
	float: none;
	flex: 0 0 66.5%;
	order: 3;
	width: 66.5%;
	margin: 0;
}

#wpsl-wrap #wpsl-stores,
#wpsl-wrap #wpsl-direction-details {
	height: 350px;
	overflow-y: auto;
}

#wpsl-wrap #wpsl-stores .wpsl-store-location p {
	min-height: 94px;
}

#wpsl-wrap #wpsl-stores .wpsl-store-thumb.wp-post-image {
	float: left;
	width: 120px !important;
	height: 90px !important;
	margin: 0 16px 10px 0 !important;
	border: 0;
	border-radius: 0;
	object-fit: cover;
}

#wpsl-wrap .wpsl-provided-by {
	flex: 0 0 100%;
	order: 4;
}

@media (max-width: 675px) {
	#wpsl-wrap {
		display: block;
	}

	#wpsl-wrap #wpsl-gmap,
	#wpsl-wrap #wpsl-result-list {
		width: 100%;
	}
}