/*
 * Design System - AELITA
 * components/catalog-toolbar.css - cars category catalog toolbar (sort row).
 *
 * Scoped to .a-catalog-toolbar. This is a zero-visual ownership migration: it
 * takes over the two cars-only legacy declarations currently in main.css
 * (.filter-sort and .filter-sort .custom-select) without changing any computed
 * value. Legacy rules stay in main.css for now and are not removed.
 *
 * 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:
 *   .a-catalog-toolbar .a-catalog-toolbar__sort               (0,2,0) > .filter-sort (0,1,0)
 *   .a-catalog-toolbar .a-catalog-toolbar__sort .custom-select (0,3,0) > .filter-sort .custom-select (0,2,0)
 *
 * Tokens used only where the value is exact (--border-w 1px, --c-ink-100 #d5dce8).
 * Token debt kept literal: 10px padding, z-index 1002 (legacy stacking band).
 *
 * Loaded on cars_category archives only (see inc/enqueue.php).
 */

.a-catalog-toolbar .a-catalog-toolbar__sort {
	padding-bottom: 10px; /* token debt: no exact 10px token */
}

.a-catalog-toolbar .a-catalog-toolbar__sort .custom-select {
	border: var(--border-w) solid var(--c-ink-100); /* 1px / #d5dce8 */
	z-index: 1002; /* token debt: legacy stacking band */
}