/*
 * Design System - AELITA
 * components/catalog-pagination.css - cars category catalog pagination + load-more.
 *
 * Zero-visual ownership migration. The catalog bottom controls are scoped to
 * .a-catalog-pagination / .a-catalog-load-more (added as classes only). The
 * legacy rules in main.css are shared with the /novosti (category.php) list and
 * are NOT removed; they remain the owner there. Because design-system CSS loads
 * before legacy main.css, the scoped selectors add exactly one class of
 * specificity so they win on the catalog without !important.
 *
 * Only Cars ownership is migrated: the shared legacy group
 *   #cars-load-more, #news-load-more { ... }
 * is taken over for cars as .a-catalog-load-more #cars-load-more; there is no
 * #news-load-more rule here.
 *
 * Tokens used only where the value is exact (--fs-small 14px, --fs-body 16px,
 * --c-ink-300 #8c98ad, --c-ink-100 #d5dce8, --c-red-500 #d81536, --c-white #fff).
 * Token debt kept literal: 50px/20px/13px/2px/30px/10px spacing, width:auto,
 * min-width:0, font-size:0.
 *
 * Loaded on cars_category archives only (see inc/enqueue.php).
 */

/* -------------------------------------------------------------------- */
/* Pagination                                                           */
/* -------------------------------------------------------------------- */
.a-catalog-pagination .navigation.pagination {
	margin-top: 50px;
	padding: 20px 0;
	text-align: center;
}

.a-catalog-pagination .navigation.pagination .nav-links {
	font-size: 0;
}

.a-catalog-pagination .navigation.pagination .page-numbers {
	display: inline-block;
	font-size: var(--fs-small); /* 14px */
	color: var(--c-ink-300);    /* #8c98ad */
	padding: 10px 13px;
	margin: 0 2px;
	background-color: var(--c-ink-100); /* #d5dce8 */
}

.a-catalog-pagination .navigation.pagination a.page-numbers:hover,
.a-catalog-pagination .navigation.pagination a.page-numbers:focus {
	background-color: var(--c-ink-300); /* #8c98ad */
	color: var(--c-white);             /* #fff */
}

.a-catalog-pagination .navigation.pagination .page-numbers.current {
	background-color: var(--c-red-500); /* #d81536 */
	color: var(--c-white);              /* #fff */
}

.a-catalog-pagination .navigation.pagination .page-numbers.dots {
	background-color: transparent;
}

/* -------------------------------------------------------------------- */
/* Load more                                                            */
/* -------------------------------------------------------------------- */
.a-catalog-load-more.cars-load-more {
	margin-top: 30px;
	text-align: center;
}

.a-catalog-load-more #cars-load-more {
	display: inline-block;
	width: auto;
	min-width: 0;
	margin: 0 auto;
	padding: 10px 30px;
	font-size: var(--fs-body); /* 16px */
}

.a-catalog-load-more .cars-load-more__status {
	margin-top: 10px;
	color: var(--c-ink-300);   /* #8c98ad */
	font-size: var(--fs-small); /* 14px */
}