/**
 * قیمت زنده.
 *
 * چیدمان با flex است تا قیمتِ خط‌خورده بتواند کنار، بالا یا پایینِ
 * قیمتِ اصلی بنشیند — بدون اینکه فاصله‌ها به هم بریزد.
 */

.nb-lp {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px;
}

.nb-lp--old-above,
.nb-lp--old-below {
	flex-direction: column;
	align-items: flex-start;
}

.nb-lp--old-below {
	flex-direction: column-reverse;
}

/* وسط‌چین که باشد، ستون هم باید وسط بیفتد. */
.nb-lp[style*="center"],
.nb-lp--old-above[style*="center"],
.nb-lp--old-below[style*="center"] {
	align-items: center;
}

.nb-lp__now {
	/*
	 * رنگ صریح.
	 *
	 * قالب‌های تیره رنگِ متن را از والد به ارث می‌دهند و اگر ویجت
	 * داخل جعبه‌ای با زمینه‌ی روشن بیفتد، متن ناخوانا می‌شود.
	 */
	color: var( --nb-text, inherit );
	font-weight: 700;
	line-height: 1.6;
}

.nb-lp__old {
	color: var( --nb-text-muted, #98a2b3 );
	text-decoration: line-through;
	font-weight: 400;
	line-height: 1.6;
}

/* حالتِ «هنوز چیزی انتخاب نشده» */
.nb-lp.is-empty .nb-lp__now {
	color: var( --nb-text-muted, #98a2b3 );
	font-weight: 400;
}

.nb-lp--hide-empty.is-empty {
	display: none;
}

/* رقم‌ها همیشه در یک راستا بمانند تا موقع عوض‌شدن نپرند. */
.nb-lp__now,
.nb-lp__old {
	font-variant-numeric: tabular-nums;
}