/* START: KOL Product Engagement Counters Styling */

html.dark-mode .kol-pec-icons {
	display: inline-flex !important;
	gap: 12px !important;
	align-items: center !important;
	font-size: 11px !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
}

html.light-mode .kol-pec-icons {
	display: inline-flex !important;
	gap: 12px !important;
	align-items: center !important;
	font-size: 11px !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
}

html.dark-mode .kol-pec-icon {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	color: #778674 !important;
	font-weight: 500 !important;
	flex-shrink: 0 !important;
	white-space: nowrap !important;
}

html.light-mode .kol-pec-icon {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	color: #6b8f67 !important;
	font-weight: 500 !important;
	flex-shrink: 0 !important;
	white-space: nowrap !important;
}

html.dark-mode .kol-pec-icon-symbol {
	background-color: #333333 !important;
	border: 1px solid #444444 !important;
}

html.light-mode .kol-pec-icon-symbol {
	background-color: #e8e8e8 !important;
	border: 1px solid #d0d0d0 !important;
}

html.dark-mode .kol-pec-svg-icon {
	color: #778674 !important;
	width: 14px !important;
	height: 14px !important;
}

html.light-mode .kol-pec-svg-icon {
	color: #6b8f67 !important;
	width: 14px !important;
	height: 14px !important;
}

html.dark-mode .kol-pec-count {
	font-size: 11px !important;
	color: #e0e0e0 !important;
	flex-shrink: 0 !important;
}

html.light-mode .kol-pec-count {
	font-size: 11px !important;
	color: #1f2937 !important;
	flex-shrink: 0 !important;
}

html.dark-mode .kol-pec-likes .kol-pec-like-btn {
	cursor: pointer !important;
	transition: color 0.2s ease, transform 0.2s ease !important;
	color: #778674 !important;
}

html.light-mode .kol-pec-likes .kol-pec-like-btn {
	cursor: pointer !important;
	transition: color 0.2s ease, transform 0.2s ease !important;
	color: #6b8f67 !important;
}

html.dark-mode .kol-pec-likes .kol-pec-like-btn:hover {
	color: #8fa589 !important;
	transform: scale(1.1) !important;
}

html.light-mode .kol-pec-likes .kol-pec-like-btn:hover {
	color: #2e7d32 !important;
	transform: scale(1.1) !important;
}

html.dark-mode .kol-pec-likes.liked .kol-pec-like-btn {
	color: #ff6b9d !important;
}

html.light-mode .kol-pec-likes.liked .kol-pec-like-btn {
	color: #d32f2f !important;
}

html.dark-mode .kol-pec-likes.liked .kol-pec-like-btn:hover {
	color: #ff8cb3 !important;
}

html.light-mode .kol-pec-likes.liked .kol-pec-like-btn:hover {
	color: #b71c1c !important;
}

html.dark-mode .kol-pec-dislikes .kol-pec-dislike-btn {
	cursor: pointer !important;
	transition: color 0.2s ease, transform 0.2s ease !important;
	color: #778674 !important;
}

html.light-mode .kol-pec-dislikes .kol-pec-dislike-btn {
	cursor: pointer !important;
	transition: color 0.2s ease, transform 0.2s ease !important;
	color: #6b8f67 !important;
}

html.dark-mode .kol-pec-dislikes .kol-pec-dislike-btn:hover {
	color: #8fa589 !important;
	transform: scale(1.1) !important;
}

html.light-mode .kol-pec-dislikes .kol-pec-dislike-btn:hover {
	color: #2e7d32 !important;
	transform: scale(1.1) !important;
}

/* END: KOL Product Engagement Counters Styling */