/**
 * Shortcode [expert_tags] — pastilles expert (variantes par clé meta).
 */

.catoche-expert-tags {
	--cet-navy: #0f1f3d;
	--cet-radius-pill: 50px;
	box-sizing: border-box;
	color: var(--cet-navy);
	font-size: 15px;
	line-height: 1.45;
	margin: 0 0 2rem;
}

.catoche-expert-tags:last-child {
	margin-bottom: 0;
}

.catoche-expert-tags,
.catoche-expert-tags::before,
.catoche-expert-tags::after,
.catoche-expert-tags *,
.catoche-expert-tags *::before,
.catoche-expert-tags *::after {
	box-sizing: border-box;
}

.catoche-expert-tags__list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.catoche-expert-tags__item {
	display: inline-flex;
    margin-bottom: 0px !important;
	align-items: center;
	margin: 0;
	padding: 9px 18px;
	border-radius: var(--cet-radius-pill);
	font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 700;
	font-size: 0.7125rem;
	letter-spacing: 0.02em;
	line-height: 1.2;
	color: var(--cet-navy);
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 2px rgba(15, 31, 61, 0.07);
	transition: box-shadow 0.15s ease;
}

.catoche-expert-tags__item:hover {
	box-shadow: 0 2px 6px rgba(15, 31, 61, 0.1);
}

/* Expertise / intervention : fond sable */
.catoche-expert-tags--expertises .catoche-expert-tags__item,
.catoche-expert-tags--intervention .catoche-expert-tags__item {
	background: #f3ebe1;
	border-color: #e4d8c8;
}

/* Outils : fond gris-bleu */
.catoche-expert-tags--outils .catoche-expert-tags__item {
	background: #e9f0f8;
	border-color: #cfdce8;
}