/* ===== Chamber Member Swiper ===== */
.chamber-member-swiper {
	position: relative;
	width: 100%;
}

.chamber-member-swiper__header {
	margin-bottom: 1.5rem;
	text-align: center;
}

.chamber-member-swiper__heading {
	margin: 0 0 0.5rem;
}

.chamber-member-swiper__summary {
	margin: 0 auto;
	max-width: 60ch;
}

.chamber-member-swiper__viewport {
	overflow: hidden;
	width: 100%;
}

.chamber-member-swiper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
}

.chamber-member-swiper .swiper-slide img {
	max-width: 100%;
	width: auto;
	object-fit: contain;
	display: block;
}

.chamber-member-swiper .swiper-slide a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* ===== Arrows (match Chamber_Slider_Widget bespoke style) ===== */
.chamber-member-swiper .swiper-button-prev,
.chamber-member-swiper .swiper-button-next {
	transition: all 0.3s ease;
	color: #111;
}

/* See slider.css: Elementor injects an SVG chevron that doubles up with the one
   Swiper draws via ::after, and it does not flip for the previous direction. */
.chamber-member-swiper .swiper-button-prev .swiper-navigation-icon,
.chamber-member-swiper .swiper-button-next .swiper-navigation-icon {
	display: none !important;
}

.chamber-member-swiper--arrows-bg .swiper-button-prev,
.chamber-member-swiper--arrows-bg .swiper-button-next {
	background-color: #ffffff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.chamber-member-swiper--arrows-bg .swiper-button-prev::after,
.chamber-member-swiper--arrows-bg .swiper-button-next::after {
	font-size: 18px;
	font-weight: 700;
}

/* On mobile, drop the arrows into a row below the carousel for usability */
@media (max-width: 1024px) {
	.chamber-member-swiper__nav {
		display: flex;
		gap: 1rem;
		justify-content: center;
		margin-top: 1rem;
	}

	.chamber-member-swiper .swiper-button-prev,
	.chamber-member-swiper .swiper-button-next {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		margin: 0;
	}
}

/* ===== Pagination ===== */
.chamber-member-swiper .swiper-pagination {
	position: relative;
	margin-top: 1rem;
}