/* Pastilele „Runflat" si „XL" de pe cardul de produs (aoo-filtre.php,
   AOO_Filtre::pastile, 15 oct. 2026). Se incarca doar cand sunt pornite.
   Cardul ramane nemiscat la hover: aici nu se anima nimic.
   Dublul selector e intentionat: CSS-ul din Customizer (postarea 72) vine dupa
   fisierul asta si scrie .aoo-badge cu aceeasi specificitate, deci ar castiga. */

.aoo-badge.aoo-badge--rf {
	background: #14161A;
	border-color: #14161A;
	color: #fff;
}
.aoo-badge.aoo-badge--xl {
	color: #14161A;
	border-color: rgba(20, 22, 26, .3);
}
.aoo-badge__scurt {
	display: none;
}

@media (max-width: 767px) {
	/* Pe telefon pastilele stau pe un singur rand. Pe cardurile cu Runflat sau
	   XL, ce nu incape dispare intreg, nu taiat pe jumatate, in ordinea:
	   sezonul, Runflat, stocul, anul (DOT), iar la final XL - care se vede
	   oricum in dimensiunea de sub titlu. Restul cardurilor raman ca inainte. */
	.aoo-card-badges:has(.aoo-badge--rf, .aoo-badge--xl) {
		flex-wrap: wrap;
		height: 26px;
	}
	.aoo-card-badges .aoo-badge--rf {
		order: 1;
	}
	.aoo-card-badges:has(.aoo-badge--rf, .aoo-badge--xl) .aoo-badge--out {
		order: 2;
	}
	.aoo-card-badges:has(.aoo-badge--rf, .aoo-badge--xl) .aoo-badge--dot {
		order: 3;
	}
	.aoo-card-badges .aoo-badge--xl {
		order: 4;
	}
	/* „All-Season" e lung: langa el, Runflat se scrie „RF". Cititorul de ecran
	   spune tot „Runflat". */
	.aoo-card-badges:has(.aoo-badge--allseason) .aoo-badge--rf .aoo-badge__lung {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
	.aoo-card-badges:has(.aoo-badge--allseason) .aoo-badge--rf .aoo-badge__scurt {
		display: inline;
	}
}