/*
 * Tag (Tag.jsx dell'oracolo) — chip di filtro/categoria, selezionabile,
 * con "x" opzionale per rimuovere. Registrato come 7° Stile di core/button
 * (functions.php, nome "fm-tag"): è comunque un <button>, ma una forma a
 * pillola/chip del tutto distinta dalle 6 varianti "bottone" (surge/solid/
 * outline/ghost/dark/flash) — dimensioni, padding e logica bordo/sfondo
 * propri, non condivisi con buttons.css. La selezione (is-selected) è uno
 * STATO a runtime, non una scelta di stile: classe manuale aggiuntiva,
 * stesso principio dei modificatori is-elevation-* / is-glow-* di Card
 * sopra il suo Stile di base.
 *
 * Nessun uso live ancora: il catalogo (archive-product.html) non ha oggi
 * blocchi filtro WooCommerce collegati — entrerà quando si costruiscono i
 * filtri del catalogo (fuori dall'elenco fondamenta di Fase 6, §9bis).
 */
.wp-block-button.is-style-fm-tag .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: auto;
	padding: 7px 14px;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: var(--wp--custom--fw--semibold);
	line-height: 1;
	border-radius: var(--wp--custom--radius--pill);
	border: var(--wp--custom--border-width--thin) solid var(--wp--custom--border-default);
	background: var(--wp--custom--surface-card);
	color: var(--wp--custom--text-body);
	box-shadow: none;
}
@media (hover: hover) {
	.wp-block-button.is-style-fm-tag .wp-block-button__link:hover {
		border-color: var(--wp--custom--border-strong);
		transform: none; /* il "lift" universale di buttons.css non fa parte del chip */
	}
}
.wp-block-button.is-style-fm-tag .wp-block-button__link:focus {
	box-shadow: var(--wp--custom--ring-focus);
}

.wp-block-button.is-style-fm-tag.is-selected .wp-block-button__link {
	border-color: transparent;
	background: var(--wp--custom--accent-soft);
	color: var(--wp--custom--accent);
	box-shadow: inset 0 0 0 1px var(--wp--custom--border-brand);
}
@media (hover: hover) {
	.wp-block-button.is-style-fm-tag.is-selected .wp-block-button__link:hover {
		border-color: transparent;
	}
}

.wp-block-button.is-style-fm-tag .fm-tag-remove {
	margin-left: 1px;
	opacity: 0.6;
	font-size: 13px;
	line-height: 1;
}