/* قلیچ خانی | قیمت پویا — استایل فرانت‌اند (سبک و بدون تحمیل فونت) */

.qdp {
	display: inline;
	unicode-bidi: isolate;
	white-space: nowrap;
}

.qdp .qdp-value,
.qdp .qdp-aed-value {
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum";
}

.qdp .qdp-unit,
.qdp .qdp-aed-unit {
	font-size: 0.85em;
	opacity: 0.85;
	margin-inline-start: 0.15em;
}

.qdp .qdp-sep,
.qdp .qdp-range-sep {
	margin: 0 0.15em;
	opacity: 0.7;
}

.qdp .qdp-prefix,
.qdp .qdp-suffix {
	opacity: 0.85;
}

.qdp--norate {
	opacity: 0.75;
}

/* افکت کوتاه هنگام به‌روزرسانی زنده */
.qdp-updated-flash {
	animation: qdp-flash 0.9s ease-out;
	border-radius: 3px;
}

@keyframes qdp-flash {
	0% {
		background-color: rgba(255, 214, 0, 0.45);
	}
	100% {
		background-color: transparent;
	}
}

@media (prefers-reduced-motion: reduce) {
	.qdp-updated-flash {
		animation: none;
	}
}

.qdp-updated {
	font-size: 0.9em;
	opacity: 0.8;
}

.qdp-widget {
	line-height: 1.6;
}

/* ============================================================
   جدول قیمت [qdp_table]
   سلکتورها عمداً با .qdp-table-wrap و table.qdp-table زنجیر
   شده‌اند تا استایل قالب و المنتور رویشان را نپوشاند.
   ============================================================ */

.qdp-table-wrap {
	--qdp-accent: #14653f;
	--qdp-ink: #16241d;
	--qdp-muted: #6f8079;
	--qdp-surface: #fff;
	--qdp-line: rgba(22, 36, 29, 0.09);
	--qdp-tint: rgba(20, 101, 63, 0.045);
	margin: 1.75em 0;
	color: var(--qdp-ink);
}

.qdp-table-wrap *,
.qdp-table-wrap *::before,
.qdp-table-wrap *::after {
	box-sizing: border-box;
}

.qdp-table-wrap .qdp-table__title {
	margin: 0 0 0.9em;
	padding: 0;
	color: var(--qdp-accent);
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.55;
	text-align: center;
}

/* در موبایل جدول به‌جای شکستن، خودش اسکرول افقی می‌گیرد. */
.qdp-table-wrap .qdp-table__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	background: var(--qdp-surface);
	border: 1px solid var(--qdp-line);
	border-radius: 14px;
	box-shadow:
		0 1px 2px rgba(16, 24, 40, 0.03),
		0 14px 30px -20px rgba(16, 24, 40, 0.3);
}

.qdp-table-wrap table.qdp-table {
	width: 100%;
	min-width: 560px;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	background: transparent;
	font-size: 0.95em;
	line-height: 1.65;
}

/* خنثی‌سازی حاشیه‌ها و پس‌زمینه‌های تحمیلی قالب */
.qdp-table-wrap table.qdp-table th,
.qdp-table-wrap table.qdp-table td {
	border: 0;
	background: transparent;
}

.qdp-table-wrap table.qdp-table thead th {
	padding: 1.05em 0.9em;
	background: var(--qdp-accent);
	color: #fff;
	font-size: 0.9em;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.5;
	white-space: nowrap;
	vertical-align: middle;
}

.qdp-table-wrap table.qdp-table tbody td {
	padding: 0.95em 0.9em;
	border-top: 1px solid var(--qdp-line);
	vertical-align: middle;
	transition: background-color 0.15s ease;
}

.qdp-table-wrap table.qdp-table tbody tr:first-child td {
	border-top: 0;
}

.qdp-table-wrap table.qdp-table--striped tbody tr:nth-child(even) td {
	background: var(--qdp-tint);
}

.qdp-table-wrap table.qdp-table tbody tr:hover td {
	background: var(--qdp-tint);
}

/* چینش */
.qdp-table-wrap table.qdp-table--align-center th,
.qdp-table-wrap table.qdp-table--align-center td {
	text-align: center;
}

.qdp-table-wrap table.qdp-table--align-right th,
.qdp-table-wrap table.qdp-table--align-right td {
	text-align: right;
}

.qdp-table-wrap table.qdp-table--align-left th,
.qdp-table-wrap table.qdp-table--align-left td {
	text-align: left;
}

/* ستون نام منطقه */
.qdp-table-wrap table.qdp-table .qdp-cell--text {
	color: var(--qdp-accent);
	font-weight: 600;
	white-space: nowrap;
}

.qdp-table-wrap table.qdp-table .qdp-cell--num {
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum";
	white-space: nowrap;
}

/* ستون تومان نکته‌ی اصلی جدول است، پس کمی پررنگ‌تر */
.qdp-table-wrap table.qdp-table .qdp-cell--toman,
.qdp-table-wrap table.qdp-table .qdp-cell--rial {
	font-weight: 600;
}

/* حالت ملایم: variant="soft" */
.qdp-table-wrap table.qdp-table--soft thead th {
	background: var(--qdp-tint);
	color: var(--qdp-accent);
	border-bottom: 2px solid var(--qdp-accent);
}

.qdp-table-wrap table.qdp-table--soft.qdp-table--striped tbody tr:nth-child(even) td {
	background: transparent;
}

.qdp-table-wrap table.qdp-table--soft tbody tr:hover td {
	background: var(--qdp-tint);
}

/* حالت تاریک: variant="dark" */
.qdp-table-wrap.qdp-table-wrap--dark {
	--qdp-ink: #e8edf0;
	--qdp-muted: #8a9baa;
	--qdp-surface: #1a2535;
	--qdp-line: rgba(255, 255, 255, 0.07);
	--qdp-tint: rgba(255, 255, 255, 0.04);
}

.qdp-table-wrap.qdp-table-wrap--dark .qdp-table__scroll {
	background: var(--qdp-surface);
	border-color: rgba(255, 255, 255, 0.08);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}

.qdp-table-wrap.qdp-table-wrap--dark table.qdp-table {
	color: var(--qdp-ink);
}

.qdp-table-wrap.qdp-table-wrap--dark table.qdp-table thead th {
	background: rgba(255, 255, 255, 0.06);
	color: var(--qdp-ink);
	font-weight: 700;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.qdp-table-wrap.qdp-table-wrap--dark table.qdp-table tbody td {
	border-top-color: var(--qdp-line);
}

.qdp-table-wrap.qdp-table-wrap--dark table.qdp-table--striped tbody tr:nth-child(even) td {
	background: var(--qdp-tint);
}

.qdp-table-wrap.qdp-table-wrap--dark table.qdp-table tbody tr:hover td {
	background: rgba(255, 255, 255, 0.07);
}

.qdp-table-wrap.qdp-table-wrap--dark table.qdp-table .qdp-cell--text {
	color: var(--qdp-ink);
	font-weight: 600;
}

.qdp-table-wrap.qdp-table-wrap--dark table.qdp-table .qdp-cell--toman,
.qdp-table-wrap.qdp-table-wrap--dark table.qdp-table .qdp-cell--rial {
	color: var(--qdp-ink);
}

.qdp-table-wrap.qdp-table-wrap--dark .qdp-table__title {
	color: var(--qdp-ink);
}

.qdp-table-wrap.qdp-table-wrap--dark .qdp-table__note {
	color: var(--qdp-muted);
}

.qdp-table-wrap .qdp-table__note {
	margin: 0.85em 0 0;
	padding: 0;
	color: var(--qdp-muted);
	font-size: 0.85em;
	line-height: 1.9;
	text-align: start;
}

@media (max-width: 600px) {
	.qdp-table-wrap table.qdp-table {
		font-size: 0.88em;
	}

	.qdp-table-wrap table.qdp-table thead th,
	.qdp-table-wrap table.qdp-table tbody td {
		padding: 0.75em 0.6em;
	}

	.qdp-table-wrap .qdp-table__scroll {
		border-radius: 10px;
	}
}