/* =========================================================================
 * Toyana Wishlist — global styles (heart button + toast)
 * سبک و سایت‌واید؛ فقط دکمهٔ قلب و توست. کارت‌های صفحهٔ Wishlist از account.css می‌آیند.
 * ========================================================================= */

/* دکمهٔ قلب | heart button */
.tya-wish-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 4px 14px rgba(20, 40, 80, .12);
	cursor: pointer;
	line-height: 0;
	transition: transform .15s ease, box-shadow .15s ease;
	-webkit-appearance: none;
	appearance: none;
}

.tya-wish-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(20, 40, 80, .16);
}

.tya-wish-btn:focus-visible {
	outline: 2px solid #F2295B;
	outline-offset: 2px;
}

/* قلب: پیش‌فرض خطی، فعال => پرِ قرمز | heart: outline default, filled red when active */
.tya-wish-heart {
	fill: none;
	stroke: #8a95a3;
	stroke-width: 1.9;
	transition: fill .15s ease, stroke .15s ease, transform .15s ease;
}

.tya-wish-btn:hover .tya-wish-heart {
	stroke: #F2295B;
}

.tya-wish-btn.is-active .tya-wish-heart {
	fill: #F2295B;
	stroke: #F2295B;
}

/* ضربانِ کوچک هنگام فعال‌شدن | tiny pop when it becomes active */
.tya-wish-btn.is-active {
	animation: tyaWishPop .28s ease;
}

@keyframes tyaWishPop {
	0% { transform: scale(1); }
	45% { transform: scale(1.18); }
	100% { transform: scale(1); }
}

/* روی صفحهٔ تک‌محصول: قلب داخلِ ردیفِ دکمه‌ها فشرده و انتهای ردیف بماند (نه کشیده). */
/* Inside the single-product action row (from the quantity snippet), keep the heart compact. */
.tqty-actions > .tya-wish-btn {
	flex: 0 0 auto !important; /* غلبه بر flex:1 1 0 اسنیپت تا کِش نیاید | beat the snippet's grow */
	order: 9; /* همیشه انتهای ردیف | always last in the row */
	align-self: center;
	width: 52px !important;
	height: 52px !important;
	aspect-ratio: 1 / 1;
}

/* قفلِ ظاهر: قلب حتی داخلِ فرمِ ووکامرس/تمِ دکمه‌دار، دایرهٔ سفیدِ تمیز بماند (نه پیلِ سرمه‌ای).
   Design lock — keep the heart a clean white circle even when WooCommerce/theme button
   styles try to make it look like the navy Add-to-cart button. */
.tya-wish-btn,
form.cart .tya-wish-btn,
.woocommerce .tya-wish-btn {
	background: #fff !important;
	border: 1px solid #e6e9f0 !important;
	border-radius: 50% !important;
	box-shadow: 0 4px 14px rgba(20, 40, 80, .12) !important;
	color: #8a95a3 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	text-shadow: none !important;
}

.tya-wish-btn:hover,
.tya-wish-btn:focus,
.tya-wish-btn:active,
form.cart .tya-wish-btn:hover {
	background: #fff !important;
	color: #F2295B !important;
	box-shadow: 0 6px 18px rgba(20, 40, 80, .16) !important;
}

/* قلب (SVG) رنگش را از دکمه بگیرد تا override تم هم رویش اثر نگذارد | heart follows the button color */
.tya-wish-btn .tya-wish-heart { stroke: currentColor; }
.tya-wish-btn.is-active .tya-wish-heart { fill: #F2295B !important; stroke: #F2295B !important; }

/* شمارندهٔ هدر | header count badge */
.tya-wish-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: #F2295B;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.tya-wish-count.is-empty {
	display: none;
}

/* =========================================================================
 * توست | Toast
 * ========================================================================= */
.tya-wish-toast {
	position: fixed;
	left: 50%;
	bottom: 26px;
	transform: translate(-50%, 16px);
	z-index: 100000;
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: calc(100vw - 32px);
	padding: 13px 18px;
	border-radius: 14px;
	background: #14283c;
	color: #fff;
	box-shadow: 0 16px 40px rgba(10, 25, 50, .3);
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 14px;
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease, transform .2s ease;
}

.tya-wish-toast.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
	pointer-events: auto;
}

.tya-wish-toast__msg {
	line-height: 1.4;
}

.tya-wish-toast__btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	background: #F2295B;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: 13px;
	padding: 8px 16px;
	border-radius: 999px;
	white-space: nowrap;
	transition: background .15s ease;
}

.tya-wish-toast__btn:hover {
	background: #d81e4c;
	color: #fff;
}

/* محوشدنِ کارت هنگام حذف در صفحهٔ Wishlist | card removal animation */
[data-tma-wish].is-removing {
	opacity: 0;
	transform: scale(.96);
	transition: opacity .25s ease, transform .25s ease;
}