/*
 * Design System - AELITA
 * components/single-car-bottom-meta.css - single car price disclaimer + social share.
 *
 * Zero-visual ownership migration for the cars single page bottom meta block
 * (price/equipment disclaimer + share row). Scoped to .a-car-single (already
 * on .carinfo), which exists only on single-cars.php. The legacy rules in
 * main.css/media.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,* vs 0,1,*) and win without !important.
 *
 * Scope: .car-tech_pricetext, .car-tech_pricetext_mobile (same element),
 * .social-share ul, .social-share ul li, and .social-share under
 * @media (max-width:992px). Not included: .social-fb / .social-tw / #viber_share
 * and the share link/img markup (owned by share-buttons.php), .pull-right and
 * .col-md-12 (Bootstrap), the disclaimer <p>, manager/gallery/accordion.
 *
 * Exact tokens mapped (12px -> --fs-caption, 8px -> --space-2). Token debt
 * kept literal: #4d4d4d, 20px, 10px.
 *
 * The legacy @media (max-width:992px) overflow:hidden (BFC that contains the
 * ul margin-bottom) is reproduced 1:1 and must not be "fixed".
 *
 * Loaded on single cars only (see inc/enqueue.php).
 */

.a-car-single .car-tech_pricetext {
	font-size: var(--fs-caption); /* 12px */
	color: #4d4d4d;
}

.a-car-single .car-tech_pricetext_mobile {
	padding-top: 20px;
	padding-bottom: 20px;
}

.a-car-single .social-share ul {
	list-style: none;
	overflow: hidden;
}

.a-car-single .social-share ul li {
	display: inline-block;
	margin-left: var(--space-2); /* 8px */
}

/* Legacy @media only screen and (max-width : 992px). */
@media (max-width: 992px) {
	.a-car-single .social-share {
		margin-top: 10px;
		margin-bottom: 20px;
		float: none;
		overflow: hidden;
	}
}