/*
 * Design System - AELITA
 * components/product-single-status.css - product single status badge overlay.
 *
 * WP3-CT1. Zero-visual-change ownership migration scoped only under the
 * existing product-single roots that can emit the badge markup:
 *   .a-moto-single, .a-jetski-single
 * (single-motopost.php and single-jetskis.php only). The legacy rules in
 * main.css stay in place and are not removed; design-system CSS loads before
 * legacy main.css, so the scoped selectors add exactly one class of
 * specificity (0,2,0 vs 0,1,0) and win by specificity, regardless of source
 * order, without !important.
 *
 * Scope: .img_sticker, .stick_status, .stick_status_1, .stick_status_2,
 * .stick_status_3. The badge stays positioned against .cars_images
 * (position:relative), whose ownership remains in moto-single-shell.css /
 * jetski-single-shell.css and is intentionally NOT touched here.
 *
 * Not included: .cars_images, .aelita-stock, .aelita-testdrive,
 * .aelita-check*, .action-present, .cars_availability_*, Slick internals,
 * Quadro/Generator status styling (no consumers).
 *
 * Exact tokens mapped (#fff -> --c-white, bold -> --fw-bold). Token debt
 * kept literal (no exact token exists): #848d9e, #3c9806, 3px 9px, 10px,
 * 100 (--z-sticky:100 is a different semantic and must not be substituted).
 *
 * Loaded on Moto and Jetski singles only (see inc/enqueue.php).
 */

.a-moto-single .img_sticker,
.a-jetski-single .img_sticker {
	position: absolute;
	padding: 3px 9px;
	left: 10px;
	top: 10px;
	z-index: 100;
}

.a-moto-single .stick_status,
.a-jetski-single .stick_status {
	color: var(--c-white); /* #fff */
	font-weight: var(--fw-bold); /* bold (700) */
}

.a-moto-single .stick_status_1,
.a-jetski-single .stick_status_1,
.a-moto-single .stick_status_2,
.a-jetski-single .stick_status_2 {
	background-color: #848d9e;
}

.a-moto-single .stick_status_3,
.a-jetski-single .stick_status_3 {
	background-color: #3c9806;
}