/*
 * میز بازیابی فروش — کارت بازگشت.
 *
 * کارت کوچک شناور، نه نوار تمام‌عرض: در موبایل بالای نوار پایین قالب
 * (ارتفاعش با جاوااسکریپت اندازه‌گیری و در --pbz-offset می‌آید) و کنار
 * دکمه‌های شناور چت می‌نشیند؛ در دسکتاپ گوشه‌ی صفحه. بدون انیمیشن.
 */

.pbz-bar {
	--pbz-offset: 0px;
	position: fixed;
	z-index: 9990;
	direction: rtl;
	display: flex;
	align-items: center;
	gap: 10px;
	box-sizing: border-box;
	background: #fff;
	color: #1f2937;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	box-shadow: 0 8px 28px rgba(15, 23, 42, .16);
	padding: 10px 12px 10px 30px;
	font-size: 14px;
	line-height: 1.6;

	/* موبایل: بالای نوار پایین قالب، با فاصله از دکمه‌های شناور سمت راست. */
	left: 12px;
	right: 76px;
	bottom: calc(var(--pbz-offset) + env(safe-area-inset-bottom, 0px) + 12px);
}
.pbz-bar[hidden] { display: none; }

.pbz-bar__img {
	width: 44px;
	height: 44px;
	flex: 0 0 auto;
	object-fit: cover;
	border-radius: 8px;
	background: #f3f4f6;
}
.pbz-bar__txt { flex: 1 1 auto; min-width: 0; }
.pbz-bar__txt strong {
	display: block;
	font-size: 13.5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pbz-bar__txt span { display: block; font-size: 12px; color: #6b7280; }

.pbz-bar__cta {
	flex: 0 0 auto;
	background: #2f7a3e;
	color: #fff !important;
	text-decoration: none !important;
	padding: 9px 14px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 13px;
	white-space: nowrap;
}
.pbz-bar__cta:hover,
.pbz-bar__cta:focus,
.pbz-bar__cta:active,
.pbz-bar__cta:visited { background: #256331; color: #fff !important; }
.pbz-bar__cta:focus-visible,
.pbz-bar__x:focus-visible { outline: 2px solid #2f7a3e; outline-offset: 2px; }

.pbz-bar__x {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 0;
	border-radius: 50%;
	color: #9ca3af;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	padding: 0;
}
.pbz-bar__x:hover { color: #374151; background: #f3f4f6; }

/* دسکتاپ: کارت گوشه‌ی صفحه. */
@media (min-width: 769px) {
	.pbz-bar {
		width: 360px;
		right: auto;
		left: 20px;
		bottom: 20px;
		padding: 12px 14px 12px 30px;
	}
	.pbz-bar--right { left: auto; right: 20px; }
	.pbz-bar__img { width: 52px; height: 52px; }
}

@media (max-width: 360px) {
	.pbz-bar { right: 12px; }
	.pbz-bar__img { display: none; }
}