/*
 * OMISHAD Price Table — استایل اختصاصی سیستم جدول قیمت (جایگزین TablePress)
 *
 * این فایل به‌صورت شرطی توسط mu-plugin (omishad-price-table.php) با نسخه‌ی
 * filemtime بارگذاری می‌شود تا مرورگر هر تغییر را همیشه تازه بگیرد و وابسته به
 * نسخه‌ی ایستای قالب (؟ver=) نباشد.
 *
 * -- مطابقت با RULES/CSS-OUTPUT-STANDARDS.md --
 *   · فقط کلاس‌های omi-*؛ بدون استایل خطی روی تگ‌های خروجی.
 */

/* کانتینر جدول قیمت */
.omi-price-table {
	margin: 1.5rem 0;
	color: #1d2327;        /* رنگ واحد برای همهٔ متن/اعداد جدول */
	font-size: 0.95rem;    /* اندازهٔ واحد برای همه */
}

.omi-price-table__title {
	font-size: 1.35rem;
	line-height: 1.6;
	text-align: right;
	direction: rtl;
	margin: 0 0 0.75rem;
}

/* جدول پایه — یک‌دست‌سازی رنگ و سایز متن/اعداد در همهٔ جدول‌ها */
.omi-price-table table {
	width: 100%;
	border-collapse: collapse;
	direction: rtl;
	text-align: right;
	font-size: 0.95rem;
}

.omi-price-table th,
.omi-price-table td {
	padding: 0.6rem 0.75rem;
	border: 1px solid #e5e5e5;
	vertical-align: middle;
	color: inherit;          /* همان رنگ واحدِ جدول (#1d2327) */
	font-size: 0.95rem;
}

/* دستورِ یک‌دست‌سازیِ مطلق برای «بدنه و اعداد»: همهٔ نوشته‌ها و اعدادِ بدنه در همهٔ
   ستون‌ها به‌صورت یک‌سان مشکی (#1d2327) + بولد + هماندازه (۰٫۹۵rem) می‌شوند.
   ⚠️ «هدر/تیتر» (thead) از این قانون جدا است و جداگانه (خط بعد) استایل می‌شود،
   چون تیتر باید روی بک‌گراندِ خودش خوانا بماند (نه مشکیِ بیرنگ). */
.omi-price-table td,
.omi-price-table tbody th,
.omi-price-table .omi-price,
.omi-price-table .omi-price-value,
.omi-price-table .omi-price-cell,
.omi-price-table .omi-table-link {
	color: #1d2327 !important;
	font-size: 0.95rem !important;
	font-weight: 700;
}
/* هدر (تیتر) — بک‌گراند تیره + متن سفید و بولد، تا تیتر جدا و خوانا بماند */
.omi-price-table thead th {
	background: #1b2430;
	color: #ffffff;
	font-weight: 700;
	font-size: 0.95rem;
}

/* زبرا (خط‌های مجزا) در بدنه — ردیف‌های زوج خاکستری، فرد سفید، تا ردیف‌ها «قاطی»
   دیده نشوند و مثل اکسل به‌آسانی تشخیص داده شوند.
   ⚠️ رنگ روی «سلول» (td/th) اعمال می‌شود نه روی tr، چون در جدول‌های بسته (border-collapse)
   و/یا در قالب‌هایی که روی سلول بگراند دارند، رنگ tr پشت سلول‌ها دیده نمی‌شود. */
.omi-price-table tbody tr:nth-child(even) td,
.omi-price-table tbody tr:nth-child(even) th {
	background: #eef1f5;
}
.omi-price-table tbody tr:nth-child(odd) td,
.omi-price-table tbody tr:nth-child(odd) th {
	background: #ffffff;
}
/* ردیفِ هاور برای راحتی دنبال‌کردن سطر */
.omi-price-table tbody tr:hover td,
.omi-price-table tbody tr:hover th {
	background: #f7f9fc;
}

.omi-table-link {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* --- وضعیت قیمت (بالا=قرمز / پایین=سبز) — بورس/فارکس ---
 * طراحی: باکسِ خنثی (بدون بگراند رنگی)؛ فقط «فلشِ» داخل باکس قرمز/سبز می‌شود. */

/* سلولِ قیمت — محتوا در مرکزِ سلول */
.omi-price-cell {
	text-align: center;
	white-space: nowrap;
}

/* باکس قیمت — عدد و فلش در یک جریانِ افقیِ راست‌برابر (اینлайн)؛ فلش بلافاصله بعد
   از عدد می‌نشیند و هرگز روی عدد نمی‌افتد (حتی در موبایل/سلول باریک).
   هم اندازه/رنگ با بقیهٔ جدول؛ فقط فلش رنگی است. */
.omi-price {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.25rem;
	font: inherit;
	color: inherit;         /* همان رنگِ واحدِ جدول (#1d2327) — یکرنگ با بقیه */
	font-weight: 700;       /* بولد */
	line-height: 1.4;
	vertical-align: middle;
}
.omi-price-value {
	font: inherit;
	color: inherit;         /* همان رنگِ واحدِ جدول */
	font-weight: 700;       /* بولد */
	font-size: inherit;
	line-height: 1.4;
}

/* فلش قیمت — مثلث ▲/▼ در جریانِ متن (اینلاین) بلافاصله بعد از عدد، وسطِ خط؛
   بنابراین روی هیچ عددی نمی‌افتد و هم‌راستا و هم‌سطحِ عدد می‌ایستد. */
.omi-price .omi-trend {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.15em;
	line-height: 1;
}
/* افزایش قیمت → فلش قرمز رو‌به‌بالا */
.omi-price-up .omi-trend {
	color: #d32f2f;
}
/* کاهش قیمت → فلش سبز رو‌به‌پایین */
.omi-price-down .omi-trend {
	color: #2e7d32;
}

/* تاریخ آخرین به‌روزرسانی (بالای جدول) */
.omi-table-updated {
	font-size: 0.85rem;
	color: #666;
	margin: 0 0 0.55rem;
	text-align: right;
	direction: rtl;
}
.omi-table-updated strong {
	color: #333;
}

/* ستون ردیف — باریک و وسط‌چین؛ رنگ و ضخامت خط دقیقاً مثل بقیه‌ی جدول (یکدست) */
.omi-price-table thead th.omi-col-num {
	width: 2.6rem;
	min-width: 2.6rem;
	text-align: center;
}
.omi-price-table tbody th.omi-row-num {
	width: 2.6rem;
	min-width: 2.6rem;
	text-align: center;
}

/* رپر اسکرول افقی موبایل */
.omi-table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
}
@media (max-width: 782px) {
	.omi-table-scroll table {
		min-width: max-content;
	}
}