/* Follow / unfollow button — used on review bylines, public profile
   (template-gagnryni.php) and the dashboard stats strip. */

.kvik-follow-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-family: inherit;
	font-weight: 600;
	line-height: 1.1;
	border-radius: 999px;
	border: 1px solid #0d9488;
	background: #0d9488;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.kvik-follow-btn:hover {
	background: #0b7f74;
	border-color: #0b7f74;
	color: #fff;
}

.kvik-follow-btn:disabled {
	opacity: 0.6;
	cursor: progress;
}

.kvik-follow-btn[data-state="following"] {
	background: #fff;
	color: #0d9488;
}

.kvik-follow-btn[data-state="following"]:hover {
	background: #fee2e2;
	color: #b91c1c;
	border-color: #b91c1c;
}

/* Following state on click hover changes label to "Hætta að fylgja" via JS,
   but we keep the icon swap purely in CSS for snappiness. */
.kvik-follow-btn[data-state="following"]:hover::before {
	content: "✕ ";
	margin-right: 2px;
}

.kvik-follow-btn[data-state="following"]:hover {
	font-size: inherit;
}

/* Sizes */
.kvik-follow-btn--sm { padding: 3px 10px; font-size: 0.78rem; }
.kvik-follow-btn--md { padding: 7px 16px; font-size: 0.9rem; }
.kvik-follow-btn--lg { padding: 9px 20px; font-size: 1rem; }

/* Follower count chip (next to the button on profile / dashboard) */
.kvik-follower-stat {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	font-size: 0.85rem;
	color: #555;
}
.kvik-follower-stat strong { color: #222; font-weight: 700; }