/* ABOUTME: Styles for content block items within the slider section. */
/* ABOUTME: Controls card background colors and text styling for slider items. */
.content_wrapper--slider .item {
	background-color: var(--card-bg-color);
	color: var(--card-text-color, currentColor);
}

.section--card-background-colored .content_wrapper--slider .item {
	border-radius: var(--rbr);
	overflow: hidden;
}
.content_wrapper--slider .item .item-blocks {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.section--card-background-colored .content_wrapper--slider .item .item-blocks {
	padding-inline: 1rem;
	padding-bottom: 1rem;
}

@media screen and (min-width: 654px) and (max-width: 1024px) {
	.section--content_blocks .content_wrapper--slider.items-count-2 .item {
		flex-direction: row;
	}

	.section--content_blocks
		.content_wrapper--slider.items-count-2
		.item:last-child {
		flex-direction: row-reverse;
	}
	.section--content_blocks .content_wrapper--slider.items-count-2 .item > * {
		width: 100%;
	}
}