/**
 * Curtainshop Custom - module: introductiekorting.
 *
 * Compacte gouden chip in de sticky balk (navy #252d51) op de productpagina.
 * Mobile-first, geen vaste breedtes.
 *
 * De chip bevat twee labels; de media query kiest er een. Onder 540px is er
 * naast prijs, aantalveld en knop te weinig ruimte voor de volledige tekst,
 * dus valt hij terug op "-40%" in plaats van te verdwijnen.
 */

.cs-korting {
	display: inline-block;
	flex: 0 0 auto;
	padding: 3px 8px;
	border-radius: 4px;
	background: #ddac4a;
	color: #252d51;
	font-family: "Kanit", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
	white-space: nowrap;
	letter-spacing: 0.01em;
	text-decoration: none;
}

.cs-korting__short {
	display: none;
}

@media (max-width: 539px) {
	.cs-korting {
		padding: 3px 6px;
		font-size: 11px;
		font-weight: 700;
	}

	.cs-korting__full {
		display: none;
	}

	.cs-korting__short {
		display: inline;
	}
}

@media (min-width: 768px) {
	.cs-korting {
		font-size: 13px;
	}
}