/* כפתור לייק בגרידים / סיידבר */
.hm-card-corner-tl {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 9;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 6px;
	pointer-events: none;
}

.hm-card-corner-tl > * {
	pointer-events: auto;
}

.hm-card-corner-tl .hm-women-badge {
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	inset: auto !important;
}

.hm-card-image .hm-card-corner-tl,
.hm-archive-card-image .hm-card-corner-tl {
	top: 10px;
	left: 10px;
}

@media (max-width: 768px) {
	.hm-card-corner-tl,
	.hm-card-image .hm-card-corner-tl,
	.hm-archive-card-image .hm-card-corner-tl {
		top: 8px;
		left: 8px;
		gap: 5px;
	}
}

.hm-card-vote {
	display: inline-flex;
	flex-shrink: 0;
}

.hm-card-vote-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	width: 36px !important;
	min-width: 36px !important;
	height: 36px !important;
	min-height: 36px !important;
	padding: 0 8px !important;
	margin: 0 !important;
	border: none !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.95) !important;
	color: #333 !important;
	cursor: pointer !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18) !important;
	font-family: inherit !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease !important;
	box-sizing: border-box !important;
}

.hm-card-vote-btn:hover {
	background: #fff !important;
	transform: scale(1.05);
}

.hm-card-vote-btn.is-active {
	color: var(--hm-primary, #0f0f0f) !important;
	background: rgba(255, 255, 255, 1) !important;
}

.hm-card-vote-btn:focus-visible {
	outline: 2px solid var(--hm-accent, #fa8504) !important;
	outline-offset: 2px !important;
}

.hm-card-vote-icon {
	display: block;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.hm-card-vote-icon--fill {
	display: none;
}

.hm-card-vote-btn.is-active .hm-card-vote-icon--outline {
	display: none;
}

.hm-card-vote-btn.is-active .hm-card-vote-icon--fill {
	display: block;
}

.hm-card-vote-count:empty {
	display: none;
}

.hm-card-vote-count {
	min-width: 0.5em;
}

.hm-card-vote--wide .hm-card-vote-btn {
	width: auto !important;
	min-width: 36px !important;
	padding-inline: 10px !important;
}

.hm-archive-card-actions .hm-card-vote,
.hm-card-actions .hm-card-vote,
.hm-va-card-actions .hm-card-vote,
.hm-magazine-archive-card-actions .hm-card-vote {
	pointer-events: auto;
}

.hm-sidebar-item .hm-card-vote-btn {
	width: auto !important;
	min-width: 32px !important;
	height: 32px !important;
	min-height: 32px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: inherit !important;
}

.hm-sidebar-actions {
	display: inline-flex !important;
	align-items: center !important;
	gap: 2px !important;
}

.hm-singer-archive__track-menu .hm-card-vote-btn {
	width: 32px !important;
	min-width: 32px !important;
	height: 32px !important;
	min-height: 32px !important;
	background: transparent !important;
	box-shadow: none !important;
}

html[data-hm-theme="dark"] .hm-card-vote-btn {
	background: rgba(30, 30, 32, 0.92) !important;
	color: #f5f5f7 !important;
}

html[data-hm-theme="dark"] .hm-card-vote-btn.is-active {
	color: #fff !important;
}