/*
 * Design System - AELITA
 * components/single-car-specs.css - single car attributes/specifications.
 *
 * Zero-visual ownership migration for the cars single page. Scoped to
 * .a-car-single (added to the existing .carinfo root only). The legacy rules in
 * main.css/media.css stay in place 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 without !important.
 *
 * Scope is limited to attributes/specs (.car_attr / .car-description_item*).
 * Tech icons, gallery, summary, forms, related cars are separate packages.
 *
 * Tokens used only where the value is exact (--fw-semibold 600). Token debt
 * kept literal: font-size 1.1em, margin-top 20px.
 *
 * Loaded on single cars only (see inc/enqueue.php).
 */

.a-car-single .car-description_item_title div,
.a-car-single .car-description_item div {
	font-size: 1.1em; /* token debt: no exact em token */
}

.a-car-single .car-description_item_title div {
	font-weight: var(--fw-semibold); /* 600 */
}

/* Legacy .car_attr > div margin-top is declared at (max-width:768px) in
 * media.css:125 and at (min-width:768px) in media.css:444; reproduce both. */
@media (max-width: 768px) {
	.a-car-single .car_attr > div {
		margin-top: 20px; /* token debt: no exact 20px token */
	}
}

@media (min-width: 768px) {
	.a-car-single .car_attr > div {
		margin-top: 20px; /* token debt: no exact 20px token */
	}
}