.matoo-likes {
	margin: 2em 0 1em;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .5em;
	text-align: center;
}

/* Remise à zéro des styles du thème + état normal visible */
.matoo-likes button.matoo-likes__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	margin: 0;
	padding: .5em 1.1em;
	border: 1px solid #94340C;
	border-radius: 2em;
	background: #fff;
	background-image: none;
	box-shadow: none;
	color: #94340C;
	font: inherit;
	font-size: 1em;
	font-weight: normal;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	text-shadow: none;
	opacity: 1;
	cursor: pointer;
	transition: color .2s, background-color .2s, border-color .2s;
}

/* Survol : léger fond marron clair */
.matoo-likes button.matoo-likes__button:hover,
.matoo-likes button.matoo-likes__button:focus-visible {
	background: #f6e9e3;
	border-color: #94340C;
	color: #94340C;
	box-shadow: none;
	outline: none;
}

.matoo-likes button.matoo-likes__button:focus-visible {
	box-shadow: 0 0 0 3px rgba(148, 52, 12, .25);
}

/* Après le vote : pilule pleine marron, contenu blanc */
.matoo-likes.is-liked button.matoo-likes__button,
.matoo-likes.is-liked button.matoo-likes__button:hover,
.matoo-likes.is-liked button.matoo-likes__button:disabled {
	background: #94340C;
	border-color: #94340C;
	color: #fff;
	opacity: 1;
	cursor: default;
}

.matoo-likes button.matoo-likes__button:disabled {
	cursor: default;
}

.matoo-likes__icon {
	display: block;
	flex-shrink: 0;
}

.matoo-likes__count {
	font-weight: bold;
	min-width: 1ch;
}

.matoo-likes__error {
	color: #b00020;
	font-size: .9em;
}

/* Petit rebond du pouce au moment du vote */
@keyframes matoo-likes-pop {
	0%   { transform: scale(1); }
	40%  { transform: scale(1.35) rotate(-12deg); }
	100% { transform: scale(1); }
}

.matoo-likes.is-popping .matoo-likes__icon {
	animation: matoo-likes-pop .4s ease-out;
}

@media (prefers-reduced-motion: reduce) {
	.matoo-likes.is-popping .matoo-likes__icon {
		animation: none;
	}
}