/* =============================================================================
   More Resources — Flickity Carousel (3 cards, center-focused)
   BEM prefix: xceleration__more-resources-

   Desktop layout (1087px total):
   [arrow 46] [gap 20] [card 305] [gap 20] [card 305] [gap 20] [card 305] [gap 20] [arrow 46]
   ============================================================================= */

.xceleration__more-resources {
	background: #4192A5;
	padding: 50px 0 60px;
	overflow: hidden;
}

.xceleration__more-resources-inner {
	width: 1087px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.xceleration__more-resources-heading {
	font: normal normal normal 28px/34px Lato;
	letter-spacing: 0px;
	color: #FFFFFF !important;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 32px;
}

/* ── Slide cells ─────────────────────────────────────────────────────────── */
.xceleration__more-resources-slide {
	width: calc(33.333% - 14px);
	margin-right: 20px;
}

/* Make the card fill the slide */
.xceleration__more-resources-slide .xceleration__card {
	height: 100%;
}

/* ── Flickity overrides ──────────────────────────────────────────────────── */
.xceleration__more-resources-carousel .flickity-viewport {
	overflow: hidden;
}

/* Prev / Next buttons — hidden on mobile/tablet, visible at desktop */
.xceleration__more-resources-carousel .flickity-prev-next-button {
	width: 46px;
	height: 46px;
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.6);
	border-radius: 6px;
	color: rgba(255, 255, 255, 0.8);
	transition: border-color 0.2s, color 0.2s;
	display: none;
}

.xceleration__more-resources-carousel .flickity-prev-next-button:hover {
	background: transparent;
	border-color: #FFFFFF;
	color: #FFFFFF;
}

.xceleration__more-resources-carousel .flickity-prev-next-button .flickity-button-icon {
	fill: currentColor;
}

.xceleration__more-resources-carousel .flickity-prev-next-button.previous {
	left: 8px;
}

.xceleration__more-resources-carousel .flickity-prev-next-button.next {
	right: 8px;
}

.xceleration__more-resources-carousel .flickity-prev-next-button:disabled {
	opacity: 0.3;
}


/* ── Tablet ──────────────────────────────────────────────────────────────── */
@media (min-width: 768px) {
	.xceleration__more-resources {
		padding: 60px 0 70px;
	}
}


/* ── Desktop ─────────────────────────────────────────────────────────────── */
@media (min-width: 1024px) {
	.xceleration__more-resources {
		padding: 60px 0 80px;
	}

	.xceleration__more-resources-heading {
		font-size: 32px;
		line-height: 38px;
		margin-bottom: 40px;
	}

	/* Show arrows at desktop */
	.xceleration__more-resources-carousel .flickity-prev-next-button {
		display: block;
	}

	/* Carousel padding: arrow 46 + gap 20 = 66px each side */
	.xceleration__more-resources-carousel {
		padding: 0 66px;
	}

	.xceleration__more-resources-carousel .flickity-prev-next-button.previous {
		left: 0;
	}

	.xceleration__more-resources-carousel .flickity-prev-next-button.next {
		right: 0;
	}
}