/* Facility cards grid (Facilities SS5). Figma desktop 33527:15885 / mobile 33535:16799.
 * WP grid layout provides the 2 columns; each card is a vertical flex stack with
 * the button pinned to the bottom (logo / text / button justify-between). */
.cmp-facility-cards .cmp-fc-card {
	justify-content: space-between;
}

.cmp-facility-cards .cmp-fc-card > * {
	width: 100%;
}

@media (min-width: 782px) {
	.cmp-facility-cards .cmp-fc-card {
		min-height: 435px;
	}
}

.cmp-fc-card .wp-block-image img {
	object-position: left center;
}

.cmp-fc-loc {
	border-left: 1px solid var(--wp--preset--color--theme-01);
	padding-left: 16px;
}

@media (max-width: 781px) {
	.cmp-facility-cards {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
		padding-left: var(--wp--preset--spacing--40) !important;
		padding-right: var(--wp--preset--spacing--40) !important;
	}

	.cmp-facility-cards .cmp-fc-grid {
		grid-template-columns: 1fr !important;
	}
}

/* Mobile review 2026-09-11 (M4): the name / location row wrapped for long
 * names and the .cmp-fc-loc border-left landed at the start of the wrapped
 * line as a stray bar. Figma mobile 33535:16799 keeps "Name | Location" on one
 * row at 16/700; keep the row unwrapped, let the name wrap inside its own box
 * and keep the location + divider intact beside it. */
@media (max-width: 781px) {
	.cmp-facility-cards .cmp-fc-meta {
		flex-wrap: nowrap !important;
		align-items: center;
	}

	.cmp-facility-cards .cmp-fc-meta > p:first-child {
		flex: 0 1 auto;
		min-width: 0;
		font-size: 1rem !important;
	}

	.cmp-facility-cards .cmp-fc-meta > .cmp-fc-loc {
		flex: 0 0 auto;
		white-space: nowrap;
	}
}