/**
 * Sequential numbers (1, 2, 3…) for Elementor Loop Grid / Loop Carousel items.
 *
 * Add the CSS class "cl-loop-numbered" to the widget:
 * Elementor → Loop Grid → Advanced → CSS Classes → cl-loop-numbered
 *
 * Order matches the loop query (including your Casino Order on the page).
 */

.cl-loop-numbered .elementor-loop-container,
.cl-loop-numbered .swiper {
	counter-reset: cl-rank;
}

.cl-loop-numbered .e-loop-item {
	counter-increment: cl-rank;
}

.cl-loop-numbered .e-loop-item::before {
	content: counter(cl-rank);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0.35em;
}