/* ==========================================================================
   منو — بازنویسی‌های نسخهٔ وردپرس
   این فایل بعد از 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/"],
.cd__ph > img[src*="/wp-content/uploads/"],
.cell__ph img[src*="/wp-content/uploads/"],
.st__ph > img[src*="/wp-content/uploads/"],
.slide__art .ph > img[src*="/wp-content/uploads/"],
.thumb img[src*="/wp-content/uploads/"],
.th 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;
}

/* اسکین ۰۷ (استوری) عکس را نسبی و تمام‌قد می‌چیند، نه مطلق. */
.slide__art .ph > img[src*="/wp-content/uploads/"] {
	position: relative;
}

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

/* ==========================================================================
   ۳) امضای اسکین ۰۷ (استوری)

   بدنهٔ این اسکین overflow:hidden و تمام‌صفحه است، پس امضا نمی‌تواند مثل
   بقیهٔ اسکین‌ها به انتهای body برود. اینجا داخل کارت پایانیِ ریل می‌نشیند.
   ========================================================================== */

.mn-story-credit {
	margin-block-start: 1.25rem;
	text-align: center;
	font-size: .75rem;
	line-height: 1.7;
	opacity: .7;
}

.mn-story-credit a { color: inherit; text-decoration: none; }
.mn-story-credit a:hover { text-decoration: underline; }

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

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

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

/* ==========================================================================
   ۵) «با این خوب می‌رود» — اسکین‌های ۰۳، ۰۴، ۰۸ و ۱۰

   این فیلد در متاباکس محصول برای همهٔ اسکین‌ها پر می‌شود، ولی چهار اسکین
   بالا آن را نمایش نمی‌دادند. حالا نمایش می‌دهند و دکمه‌هایش باید همان
   شکل تراشه‌های همان اسکین را داشته باشند.
   ========================================================================== */

/* دکمه‌ها همان ظاهر تراشه‌های موجود را می‌گیرند (۰۳ و ۰۴). */
.chiplist button,
.chips button {
	font: inherit;
	font-size: .8125rem;
	cursor: pointer;
	color: inherit;
	background: none;
	border: 1px solid currentColor;
	border-radius: 999px;
	padding: .2rem .65rem;
	opacity: .85;
}

.chiplist button { border-radius: 0; }

.chiplist button:hover,
.chips button:hover { opacity: 1; }

/* کیوسک و دِک ظرف مخصوص خودشان را دارند. */
.st__pair,
.cd__pair { margin-block-start: .7rem; }

.st__pair h4,
.cd__pair h4 {
	margin: 0 0 .35rem;
	font-size: .75rem;
	font-weight: 600;
	opacity: .65;
}

.st__pair > div,
.cd__pair > div { display: flex; flex-wrap: wrap; gap: .35rem; }

.st__pair button,
.cd__pair button {
	font: inherit;
	font-size: .8125rem;
	cursor: pointer;
	color: inherit;
	background: none;
	border: 1px solid currentColor;
	border-radius: 999px;
	padding: .2rem .65rem;
	opacity: .8;
}

.st__pair button:hover,
.cd__pair button:hover { opacity: 1; }