/* ── Riselabs Content Carousel ─────────────────────────────────────────── */

.riselabs-cc-wrapper {
	width: 100%;
}

/* Extra bottom padding so pagination dots don't overlap slide content.
   Only applied when the pagination element is actually present in the DOM. */
.riselabs-cc.swiper:has(.swiper-pagination) {
	padding-bottom: 36px !important;
}

/* ── Equal-height slides ───────────────────────────────────────────────── */

/* Swiper sets display:flex on .swiper-wrapper when autoHeight is false.    */
/* We also align-items:stretch so every slide fills the row height.         */
.riselabs-cc .swiper-wrapper {
	align-items: stretch;
}

.riselabs-cc .swiper-slide {
	height: auto; /* override Swiper's inline height so flex-stretch works */
}

/* The inner card fills the full slide height. */
.riselabs-cc-slide-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	/* Default card styling — overridden by Elementor style controls. */
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	padding: 16px;

	box-sizing: border-box;
}

/* Ensure ad / shortcode output fills the card sensibly. */
.riselabs-cc-slide-inner > * {
	max-width: 100%;
}

/* ── Pagination dots ───────────────────────────────────────────────────── */

.riselabs-cc .swiper-pagination-bullet {
	background: #cccccc;
	opacity: 1;
	width: 8px;
	height: 8px;
}

.riselabs-cc .swiper-pagination-bullet-active {
	background: #333333;
}