/* because of some css grid systems, we have to do this. */
div[data-rel="map"] .gm-style img {
    max-width: none !important;
}

/* [locations] responsive grid */
.emerus-locations-grid {
	display: grid;
	gap: var(--locations-gap, 2rem);
	grid-template-columns: repeat(var(--locations-columns-mobile, 1), minmax(0, 1fr));
}

.emerus-locations-grid__item {
	min-width: 0;
}

@media (min-width: 768px) {
	.emerus-locations-grid {
		grid-template-columns: repeat(var(--locations-columns-tablet, var(--locations-columns, 1)), minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.emerus-locations-grid {
		grid-template-columns: repeat(var(--locations-columns, 1), minmax(0, 1fr));
	}
}

/* Text alignment on inline field/link/distance tags */
.emerus-location-field.has-text-align-left,
.emerus-location-field.has-text-align-center,
.emerus-location-field.has-text-align-right,
.emerus-location-field.has-text-align-justify,
.emerus-location-link.has-text-align-left,
.emerus-location-link.has-text-align-center,
.emerus-location-link.has-text-align-right,
.emerus-location-link.has-text-align-justify,
.emerus-location-distance.has-text-align-left,
.emerus-location-distance.has-text-align-center,
.emerus-location-distance.has-text-align-right,
.emerus-location-distance.has-text-align-justify {
	display: block;
	width: 100%;
}

/* Location button — core button markup + width helpers */
.emerus-location-button {
	box-sizing: border-box;
	display: block;
	align-content: center;
}

.emerus-location-button.wp-block-button .wp-block-button__link {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	word-break: break-word;
}

.emerus-location-button.has-custom-width {
	max-width: none;
}

.emerus-location-button.has-custom-width .wp-block-button__link,
.emerus-location-button.has-custom-width .emerus-location-button__link {
	width: 100%;
}

.emerus-location-button.wp-block-button__width-25 {
	width: 25%;
}

.emerus-location-button.wp-block-button__width-50 {
	width: 50%;
}

.emerus-location-button.wp-block-button__width-75 {
	width: 75%;
}

.emerus-location-button.wp-block-button__width-100 {
	width: 100%;
}

.emerus-location-button.has-text-align-left:not(.has-custom-width),
.emerus-location-button.has-text-align-center:not(.has-custom-width),
.emerus-location-button.has-text-align-right:not(.has-custom-width) {
	display: block;
	width: 100%;
}

.emerus-location-button.has-text-align-left {
	text-align: left;
}

.emerus-location-button.has-text-align-center {
	text-align: center;
}

.emerus-location-button.has-text-align-right {
	text-align: right;
}

.emerus-location-button.has-text-align-left .emerus-location-button__link {
	text-align: left;
	justify-content: flex-start;
}

.emerus-location-button.has-text-align-center .emerus-location-button__link {
	text-align: center;
	justify-content: center;
}

.emerus-location-button.has-text-align-right .emerus-location-button__link {
	text-align: right;
	justify-content: flex-end;
}

.emerus-location-button.is-style-custom .emerus-location-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.emerus-location-button.is-style-custom .emerus-location-button__link .fa,
.emerus-location-button.is-style-custom .emerus-location-button__link .fa-solid {
	display: inline-block;
	margin-right: 0.35em;
	font-family: var(--fa-style-family, "Font Awesome 6 Free"), "Font Awesome 7 Free", "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	font-style: normal !important;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* FA 6.7+/7 store the glyph in --fa; paint it even if .fa-solid::before is missing. */
.emerus-location-button.is-style-custom .emerus-location-button__link i.fa-phone::before {
	content: var(--fa, "\f095");
}

.emerus-location-button.is-style-custom .emerus-location-button__link i.fa-location-arrow::before {
	content: var(--fa, "\f124");
}

/* Location Map: clip tiles to border-radius; keep padding inside width */
.wp-block-emerus-location-map.emerus-location-map,
.emerus-location-map[data-rel="map"],
.emerus-static-map-wrap {
	box-sizing: border-box;
	overflow: hidden;
}

.emerus-static-map-link {
	display: block;
	width: 100%;
	height: 100%;
	min-height: inherit;
}

.emerus-static-map-wrap .emerus-static-map,
.emerus-location-map .emerus-static-map,
.emerus-locations-map .emerus-static-map {
	display: block;
	width: 100%;
	height: 100%;
	min-height: inherit;
	object-fit: cover;
}