/**
 * Pagination mobile styles
 *
 * - Same links as desktop (no JS logic)
 * - One horizontal row with horizontal scroll if needed
 * - Nothing clipped, easy to tap
 */

@media (max-width: 768px) {
	/* Blocksy .ct-hidden-sm: numbers in one row, start from left so "1" is visible */
	.woocommerce-pagination .ct-hidden-sm,
	.ct-pagination .ct-hidden-sm {
		display: flex !important;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		gap: 6px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		padding-inline: 8px;
	}

	/* Nav: PREV | numbers | NEXT – one row */
	.ct-pagination[data-pagination="simple"] {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 6px;
	}

	.ct-pagination .page-numbers,
	.woocommerce-pagination .page-numbers {
		flex-shrink: 0;
	}

	/* WooCommerce pagination list: horizontal row, start from left */
	.woocommerce-pagination > .page-numbers {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		gap: 6px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		padding: 0 12px 8px;
		margin: 0 auto;
	}

	.woocommerce-pagination > .page-numbers li {
		flex: 0 0 auto;
	}

	/* Number buttons: compact, touch-friendly */
	.woocommerce-pagination > .page-numbers a.page-numbers,
	.woocommerce-pagination > .page-numbers span.page-numbers {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 32px;
		height: 32px;
		padding: 0 8px;
		font-size: 12px;
		box-sizing: border-box;
	}

	/* Dots: smaller, don’t take full button width */
	.woocommerce-pagination > .page-numbers span.page-numbers.dots {
		min-width: auto;
		padding: 0 4px;
	}
}