.venue-container {
	--venue-gap-x: var(--spacing-sm);
	--venue-gap-y: var(--spacing-sm);
	display: flex;
	flex-wrap: wrap;
	grid-gap: var(--venue-gap-y) var(--venue-gap-x);
}

.venue-types {
	width: var(--venue-types-width, 100%);
}
.venue-types [data-card="venue"] .card {
	cursor: pointer;
}
.venue-types [data-card="venue"] .card.is-active {
	opacity: 0.5;
	pointer-events: none;
}
.venue-types [data-card="venue"] .cards-slider .swiper {
	overflow: visible !important;
}
.venue-types [data-card="venue"] .cards-slider .swiper-slide {
	height: auto !important;
	width: calc(100% / var(--card-column)) !important;
	max-width: calc(76.9230769231vw + var(--card-gap-x)) !important;
	padding-left: calc(var(--card-gap-x) / 2);
	padding-right: calc(var(--card-gap-x) / 2);
}

.venue-gallery {
	width: var(--venue-gallery-width, 100%);
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.venue-gallery__main {
	width: 100%;
}
.venue-gallery__main :is(.swiper, .swiper-wrapper, .swiper-slide, .object-fit) {
	height: 100%;
}
.venue-gallery__main .swiper-slide {
	width: 100% !important;
}
.venue-gallery__thumbs {
	--gallery-gap-x: 0.4rem;
	--gallery-gap-y: var(--spacing-xs);
	width: 100%;
	padding: var(--gallery-gap-y) var(--gallery-gap-x);
}
.venue-gallery__thumbs .swiper-slide {
	width: 7.6rem !important;
	height: auto;
	padding: 0 var(--gallery-gap-x);
	cursor: pointer;
}
.venue-gallery__thumbs .swiper-slide .object-fit {
	background: rgb(var(--color-white));
}
.venue-gallery__thumbs .swiper-slide-thumb-active .object-fit > * {
	opacity: 0.6;
}

.venue-details {
	position: relative;
	width: var(--venue-details-width, 100%);
	padding: var(--spacing-stack--sm) min(var(--spacing-container), var(--spacing-block));
	display: flex;
	flex-direction: column;
	align-items: stretch;
	grid-gap: var(--spacing-stack--sm);
}
.venue-details__title,
.venue-details__label,
.venue-details__desc :is(p, li),
.venue-details__capacity :is(th, td) {
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}
.venue-details__group,
.venue-details__desc {
	display: flex;
	flex-direction: column;
	grid-gap: var(--spacing-content--sm);
}
.venue-details__title,
.venue-details__label {
	font-family: var(--font-heading);
	font-style: var(--font-heading-style);
	font-weight: var(--font-heading-weight);
	line-height: var(--font-heading-line-height);
	letter-spacing: var(--font-heading-letter-spacing);
	text-transform: var(--font-heading-text-transform);
	text-wrap: balance;
}
.venue-details__title {
	font-size: var(--font-size-h4);
}
.venue-details__label {
	font-size: var(--font-size-h5);
}
.venue-details__desc,
.venue-details__capacity,
.venue-details__facilities {
	font-size: var(--font-base-size--sm);
}
.venue-details__capacity tr:not(:first-child) > :is(th, td) {
	padding-top: var(--spacing-content--xs);
	border-top: var(--border) var(--border-color);
}
.venue-details__capacity tr:not(:last-child) > :is(th, td) {
	padding-bottom: var(--spacing-content--xs);
}
.venue-details__capacity tr > td:last-child {
	text-align: right;
}

@media (min-width: 992px) {
	.venue-container {
		--venue-types-width: 100%;
		--venue-details-width: 36.71875%;
		--venue-gallery-width: calc(100% - var(--venue-details-width) - var(--venue-gap-x));
	}

	.venue-gallery > .venue-gallery__main {
		height: 100%;
	}
	.venue-gallery > .venue-gallery__thumbs {
		--gallery-gap-x: 0.2rem;
		position: absolute;
		z-index: 2;
		bottom: 0;
		left: 0;
	}

	[data-section="venue"] .sc-box .sc-split--headline {
		min-height: var(--swiper-button-size, auto);
	}
}