.wbkb-inventory-pro-widget {

	display: flex;
	flex-direction: column;
	gap: 4px;

	font-size: 14px;

}

.wbkb-inv-row {

	display: flex;
	align-items: center;
	gap: 6px;

}

.wbkb-inv-label {

	font-weight: 600;
	color: #555;

}

.wbkb-inv-value {

	color: #111;

}

/*
|--------------------------------------------------------------------------
| اسکلتون — تا رسیدن پاسخ AJAX واریشن انتخاب‌شده
|--------------------------------------------------------------------------
*/

.wbkb-inv-value.wbkb-inv-value--loading {

	display: inline-block;

	min-width: 60px;
	height: .9em;

	border-radius: 4px;

	color: transparent !important;

	background: linear-gradient(
		90deg,
		#e5e7eb 25%,
		#f3f4f6 37%,
		#e5e7eb 63%
	);

	background-size: 400% 100%;

	animation: wbkb-inv-skeleton-pulse 1.4s ease infinite;

}

@keyframes wbkb-inv-skeleton-pulse {

	0% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0 50%;
	}

}