/* ==========================================================================
   منو — بازنویسی‌های نسخهٔ وردپرس
   این فایل بعد از CSS اسکین بارگذاری می‌شود تا در هر چهار اسکین اثر بگذارد.
   ==========================================================================

   ۱) امضای «طراحی‌شده با منو» — پایین‌ترین بخش صفحه
   ------------------------------------------------------------------------
   در دموها امضا داخل ستون محتوا بود و زیرش فضای خالی می‌ماند. اینجا با
   جاوااسکریپت به انتهای body منتقل می‌شود و اینجا شکل فوتر واقعی می‌گیرد.
   فاصلهٔ پایین به‌اندازهٔ نوار ثابت هر اسکین با متغیر تنظیم می‌شود.
   ========================================================================== */

.mn-credit-foot {
	display: block;
	inline-size: 100%;
	margin: 0;
	padding-block: 1.15rem;
	padding-inline: 1rem;
	padding-block-end: calc(1.15rem + var(--mn-dock-h, 0px));
	text-align: center;
	font-size: .75rem;
	line-height: 1.7;
	opacity: .75;
}

.mn-credit-foot a {
	color: inherit;
	text-decoration: none;
}

.mn-credit-foot a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   ۲) عکس‌های واقعی محصول (وردپرس)

   دموها با عکس‌های «بریده و شفاف» مواد اولیه ساخته شده‌اند: آن‌ها باید
   کامل و شناور وسط قاب دیده شوند (object-fit: contain با حاشیه).
   ولی تصویر شاخصی که مدیر آپلود می‌کند یک عکس واقعی مستطیلی است و باید
   تمام قاب را پر کند، وگرنه دور تا دورش فضای خالی می‌ماند.

   تشخیص از روی مسیر فایل انجام می‌شود:
     /wp-content/uploads/  → عکس واقعی مدیر  ← این فایل
     /assets/img/ing/      → مادهٔ اولیه      ← دست‌نخورده

   این فایل بعد از CSS اسکین بارگذاری می‌شود تا در هر ده اسکین اثر بگذارد.
   ========================================================================== */

.ph > img[src*="/wp-content/uploads/"],
.ph img[src*="/wp-content/uploads/"],
.box > img[src*="/wp-content/uploads/"] {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	filter: none;
}

/* قاب‌هایی که برای عکس شناور حاشیه داشتند حالا باید عکس را ببُرند. */
.ph:has(> img[src*="/wp-content/uploads/"]) {
	overflow: hidden;
}

/* ==========================================================================
   ۳) نوار بنرهای پرومو وقتی هیچ بنری فعال نیست

   اسکین‌های کلاسیک همیشه ظرف بنر را رندر می‌کنند؛ اگر خالی باشد فقط یک
   فاصلهٔ بی‌دلیل زیر سربرگ می‌ماند.
   ========================================================================== */

.promo:has(> .promo__track:empty) { display: none; }

/* ==========================================================================
   دسترس‌پذیری لمسی و خوانایی روی صفحه‌های کوچک
   فقط روی دستگاه‌های لمسی اعمال می‌شود؛ ظاهر دسکتاپ دست‌نخورده می‌ماند.
   ========================================================================== */
@media (pointer: coarse) {

	/* کف اندازهٔ متن ریزنشان‌ها (برچسب تند/گیاهی، شمارنده‌ها، وضعیت باز/بسته) */
	.tg,
	.mk,
	.tabs__b .n,
	.ic .n,
	.fab .n,
	.tabbar__b span,
	.ings figcaption,
	.ings span,
	.ln__x h4,
	.ln__x .tags span,
	.pr i,
	.foot section h3 { font-size: .6875rem; }

	/* کف ارتفاع دکمه‌های اصلی — اندازهٔ ظاهری تغییر محسوسی نمی‌کند */
	.ic,
	.viewmodes button,
	.rail__menus button {
		min-block-size: 40px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	/* دکمه‌های مربعی آیکونی: عرض هم باید به کف برسد */
	.ic,
	.viewmodes button { min-inline-size: 40px; }

	/* پیوندهای متنی: سطح لمس بزرگ‌تر بدون تغییر چیدمان */
	.rail__jump a,
	.links a,
	.credit a,
	.mn-credit-foot a,
	footer a,
	.foot a { padding-block: .55rem; padding-inline: .2rem; }

	.rail__jump a {
		display: inline-flex;
		align-items: center;
		min-block-size: 40px;
		padding-block: 0;
	}
}