/* ZHIYAR — product "like" heart, product loop cards + single product page. */

.zhiyar-like-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--ast-global-color-2, #1a3d2e);
	transition: transform 0.15s ease, color 0.15s ease;
}

.zhiyar-like-btn svg {
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.zhiyar-like-btn:active {
	transform: scale(0.88);
}

.zhiyar-like-btn.is-liked {
	color: #ee2a7b;
}

.zhiyar-like-btn.is-liked svg {
	fill: #ee2a7b;
}

/* Loop card — floating glass chip, top-inner corner of the thumbnail frame
   (the frame already has 12px padding + overflow:hidden, so this sits just
   inside its edge without being clipped). */
.zhiyar-like-btn--loop {
	position: absolute;
	z-index: 4;
	top: 18px;
	inset-inline-start: 18px;
	width: 32px;
	height: 32px;
	padding: 8px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.75);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	box-shadow: 0 4px 10px -3px rgba(13, 31, 23, 0.3);
}

.zhiyar-like-btn--loop:hover {
	transform: scale(1.08);
}

/* Shop / category archive — the chip shrinks to match the smaller glass
   frame padding on tablet (3-up) and mobile (2-up) grids. */
@media (max-width: 991px) {
	body.woocommerce-shop .zhiyar-like-btn--loop,
	body.tax-product_cat .zhiyar-like-btn--loop,
	body.post-type-archive-product .zhiyar-like-btn--loop {
		top: 10px;
		inset-inline-start: 10px;
		width: 26px;
		height: 26px;
		padding: 6px;
	}
}

@media (max-width: 599px) {
	body.woocommerce-shop .zhiyar-like-btn--loop,
	body.tax-product_cat .zhiyar-like-btn--loop,
	body.post-type-archive-product .zhiyar-like-btn--loop {
		top: 8px;
		inset-inline-start: 8px;
		width: 22px;
		height: 22px;
		padding: 5px;
	}
}

/* Single product — inline next to the title, plain (no chip). */
.zhiyar-like-single {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 6px 0 14px;
}

.zhiyar-like-btn--single {
	width: 22px;
	height: 22px;
}

.zhiyar-like-single__label {
	font-size: 0.85em;
	color: rgba(18, 36, 28, 0.6);
}