/* WP Post Likes – front-end styles */

.wpl-like-wrapper {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: inherit;
}

.wpl-like-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 16px;
	border: 2px solid #e0e0e0;
	border-radius: 999px;
	background: #fff;
	color: #444;
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: border-color 0.2s, background 0.2s, color 0.2s, transform 0.1s;
	line-height: 1;
}

.wpl-like-btn:hover:not(:disabled) {
	border-color: #e85d75;
	color: #e85d75;
	transform: scale( 1.04 );
}

.wpl-like-btn.wpl-active {
	border-color: #e85d75;
	background: #fff0f3;
	color: #e85d75;
}

.wpl-like-btn:disabled,
.wpl-like-btn.wpl-loading {
	opacity: 0.65;
	cursor: not-allowed;
}

.wpl-icon {
	font-size: 1.1em;
	line-height: 1;
}

.wpl-count {
	font-size: 0.95rem;
	font-weight: 700;
	color: #555;
	min-width: 1.5ch;
}

/* Loading pulse animation */
.wpl-like-btn.wpl-loading .wpl-icon {
	animation: wpl-pulse 0.6s ease-in-out infinite alternate;
}

@keyframes wpl-pulse {
	from { opacity: 1; }
	to   { opacity: 0.4; }
}