/* Two-venue columns — lifted from the homepage body-intro section.
   The CTA button style itself is shared (.bsw-venue-cta, body-intro.css). */

.bsw-venue-columns.wp-block-group {
	background: #fff;
	padding-block: 0 55px;
}

.bsw-venue-columns__row.wp-block-columns {
	gap: 4rem !important;
	/* Stretch so both columns share the taller one's height and their CTAs
	   bottom-align on a single line despite unequal description lengths. */
	align-items: stretch;
	margin-block: 0 !important;
}

.bsw-venue-columns__item.wp-block-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: stretch !important;
}

/* Push the CTA to the bottom of the column so both buttons sit on one line. */
.bsw-venue-columns__item.wp-block-column > .wp-block-buttons {
	margin-block-start: auto;
	margin-block-end: 0;
}

.bsw-venue-columns__logo {
	/* Equalize to the taller logo (Marshes, 128px) so both descriptions
	   start on the same line; logos are centered within the shared height. */
	height: 128px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-block-end: 25px;
}

/* Logo display sizes — match Figma instance dimensions.
   These SVGs declare width/height="100%" so they have no intrinsic size;
   height must be set explicitly or the <img> falls back to 150px. */
.bsw-venue-columns__logo--brookstreet img {
	width: 226px;
	height: 103px;
}

.bsw-venue-columns__logo--marshes img {
	width: 207px;
	height: 128px;
}

.bsw-venue-columns__desc {
	font-family: var(--wp--preset--font-family--cardo, 'Cardo', serif);
	font-size: 16px;
	line-height: 1.75;
	color: var(--wp--preset--color--charcoal, #373737);
	margin-block: 0 2rem !important;
}

@media (max-width: 767px) {
	.bsw-venue-columns.wp-block-group {
		padding-block: 0 43px;
		padding-inline: 15px;
	}

	/* Force venue columns to stack vertically */
	.bsw-venue-columns__row.wp-block-columns.is-not-stacked-on-mobile {
		flex-wrap: wrap !important;
		gap: 2.5rem !important;
	}

	.bsw-venue-columns__row.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
		flex-basis: 100% !important;
		min-width: 100% !important;
		width: 100% !important;
	}

	.bsw-venue-columns__logo--brookstreet {
		margin-block-end: 0;
	}
}