/**
 * Oznaczenie pozycji gratisowej w koszyku.
 *
 * Osobny, malutki plik — ładuje go warstwa koszyka dopiero wtedy, gdy w koszyku
 * naprawdę leży gratis. Trzymanie tego w stylach panelu gratisów albo drabinki
 * wymagałoby duplikatu, bo obie warstwy wydają pozycje tym samym mechanizmem.
 *
 * Kolor jest ten sam co „warunek spełniony" na pasku dostawy i w drabince —
 * gratis w koszyku to przecież stan osiągnięty.
 *
 * @package WB_Promotions
 */

/*
 * ⚠️ `float: right`, a nie pozycjonowanie absolutne — świadoma decyzja
 * przenośności.
 *
 * Odznakę wypisujemy przez `woocommerce_after_cart_item_name`, czyli wewnątrz
 * kolumny z nazwą pozycji. `position: absolute` wymagałoby, żeby kafelek pozycji
 * miał `position: relative` — a to klasa MOTYWU, o której wtyczka nie ma prawa
 * nic zakładać. Bez tego założenia odznaka uciekłaby do pierwszego
 * pozycjonowanego przodka, czyli w losowe miejsce strony.
 */
.wb-gift-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	float: right;
	margin: 0 0 6px 12px;
	padding: 3px 10px;
	background: var(--wbp-state-done, #bce2da);
	border-radius: var(--wbp-radius, 0);
	color: var(--wbp-text, #0c0c0c);
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
}

.wb-gift-badge svg {
	width: 13px;
	height: 13px;
	flex-shrink: 0;
}

/*
 * Wiersze pod nazwą (Promocja, sposób mielenia) OPŁYWAJĄ odznakę z lewej —
 * i tak ma być. Odznaka siedzi w prawym górnym rogu kolumny, a informacje
 * o pozycji układają się obok niej.
 */