/**
 * Shortcode [kc_etiquettes] — étiquettes produit en pastilles arrondies.
 */

.kc-etiquettes {
	--kc-eti-bg: #fff;
	--kc-eti-border: #e6e4dc;
	--kc-eti-text: #2b2b2b;
	--kc-eti-dot: #c4cf2d;

	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

.kc-etiquette {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 18px;
	background: var(--kc-eti-bg);
	border: 1px solid var(--kc-eti-border);
	border-radius: 999px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
	color: var(--kc-eti-text);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
}

/**** Cas d'étiquettes sur card produit (ex: page boutique) ****/
.product__card .card__content .kc-etiquette {
	font-size: 11px;
}

.kc-etiquette__dot {
	flex: 0 0 auto;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--kc-eti-dot);
}

@media (max-width: 600px) {
	.kc-etiquettes {
		gap: 10px;
	}

	.kc-etiquette {
		padding: 9px 15px;
		font-size: 14px;
	}
}