.elementor-kit-6{--e-global-color-primary:#1D5C63;--e-global-color-secondary:#4D5B5F;--e-global-color-text:#172326;--e-global-color-accent:#98612F;--e-global-color-mcgrnd:#F4F6F5;--e-global-color-mcsoft:#E2EDEC;--e-global-color-mcdark:#123E43;--e-global-color-mcline:#D5DDDB;--e-global-color-mcondk:#DCE3E2;--e-global-typography-primary-font-family:"Vazirmatn";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Vazirmatn";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Vazirmatn";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Vazirmatn";--e-global-typography-accent-font-weight:700;color:#172326;font-family:"Vazirmatn", Sans-serif;font-size:17px;font-weight:400;line-height:1.9em;background-color:#FFFFFF;}.elementor-kit-6 a{color:#1D5C63;}.elementor-kit-6 a:hover{color:#123E43;}.elementor-kit-6 h1{color:#172326;font-family:"Vazirmatn", Sans-serif;font-weight:800;line-height:1.35em;}.elementor-kit-6 h2{color:#172326;font-family:"Vazirmatn", Sans-serif;font-weight:700;line-height:1.5em;}.elementor-kit-6 h3{color:#172326;font-family:"Vazirmatn", Sans-serif;font-weight:700;line-height:1.5em;}.elementor-kit-6 h4{color:#172326;font-family:"Vazirmatn", Sans-serif;font-weight:700;line-height:1.5em;}.elementor-kit-6 h5{color:#172326;font-family:"Vazirmatn", Sans-serif;font-weight:700;line-height:1.5em;}.elementor-kit-6 h6{color:#172326;font-family:"Vazirmatn", Sans-serif;font-weight:700;line-height:1.5em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Vazirmatn", Sans-serif;font-weight:700;color:#FFFFFF;background-color:#1D5C63;border-radius:12px 12px 12px 12px;padding:14px 28px 14px 28px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{color:#FFFFFF;background-color:#123E43;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{border-style:solid;border-width:1px 1px 1px 1px;border-color:#D5DDDB;border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --mc-ground:#F4F6F5; --mc-surface:#FFFFFF; --mc-ink:#172326; --mc-muted:#4D5B5F; --mc-primary:#1D5C63; --mc-primary-dark:#123E43; --mc-primary-soft:#E2EDEC; --mc-accent:#98612F; --mc-line:#D5DDDB; --mc-on-dark:#DCE3E2; --mc-font:Vazirmatn; --mc-h1:clamp(2rem, 1.4rem + 2.6vw, 2.875rem); --mc-h2:clamp(1.5rem, 1.2rem + 1.3vw, 2rem); --mc-h3:clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem); --mc-body:1.0625rem; --mc-small:0.875rem; --mc-space-section:clamp(3.5rem, 2rem + 5vw, 6rem); --mc-radius-sm:10px; --mc-radius-md:14px; --mc-radius-lg:18px; }
/* Start custom CSS *//* ==========================================================
   Máhan Care — Elementor Site Settings › Custom CSS (kit 6)
   این فایل نسخه‌ی مرجع CSS سفارشی تنظیمات کلی Elementor است.
   هر تغییری اینجا داده شود، باید در kit هم ذخیره شود.
   ========================================================== */

/* ---------- هدر (قالب 58): منوی اصلی ---------- */
.elementor-58 .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item {
	color: var(--mc-ink);
	font-family: var(--mc-font), Tahoma, sans-serif;
	font-size: 15px;
	font-weight: 500;
	padding-inline: 14px;
}
.elementor-58 .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-58 .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus-visible,
.elementor-58 .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active {
	color: var(--mc-primary);
}
.elementor-58 .elementor-widget-nav-menu .e--pointer-underline .elementor-item:after {
	background-color: var(--mc-primary);
	height: 2px;
}

/* دکمه‌ی منوی موبایل و تبلت */
.elementor-58 .elementor-widget-nav-menu .elementor-menu-toggle {
	background-color: transparent;
	color: var(--mc-ink);
	font-size: 24px;
	width: 44px;
	height: 44px;
	padding: 10px;
	border-radius: 10px;
}
.elementor-58 .elementor-widget-nav-menu .elementor-menu-toggle:hover,
.elementor-58 .elementor-widget-nav-menu .elementor-menu-toggle.elementor-active {
	background-color: var(--mc-primary-soft);
	color: var(--mc-primary);
}
.elementor-58 .elementor-widget-nav-menu .elementor-menu-toggle svg {
	fill: currentColor;
	width: 24px;
	height: 24px;
}

/* منوی بازشونده در تبلت و موبایل */
.elementor-58 .elementor-widget-nav-menu .elementor-nav-menu--dropdown {
	background-color: var(--mc-surface);
	border-top: 1px solid var(--mc-line);
	box-shadow: 0 16px 32px rgba(23, 35, 38, 0.08);
}
.elementor-58 .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item {
	color: var(--mc-ink);
	font-family: var(--mc-font), Tahoma, sans-serif;
	font-size: 16px;
	font-weight: 500;
	padding: 14px 24px;
}
.elementor-58 .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-58 .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
	background-color: var(--mc-primary-soft);
	color: var(--mc-primary);
}

/* ---------- فوتر (قالب 59): لینک‌ها روی زمینه‌ی تیره رنگ متن را بگیرند ---------- */
.elementor-59 a.e-paragraph-link-base,
.elementor-59 a.e-heading-link-base {
	color: inherit;
	text-decoration: none;
}
.elementor-59 a.e-paragraph-link-base:hover,
.elementor-59 a.e-paragraph-link-base:focus-visible {
	color: #FFFFFF;
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* ---------- هدر چسبان: همیشه بالای صفحه بماند (دکمه‌ی بستن منو هم همیشه دیده شود) ---------- */
.elementor-58[data-elementor-type="header"] {
	position: sticky;
	top: 0;
	z-index: 1000;
}
body.admin-bar .elementor-58[data-elementor-type="header"] {
	top: 32px;
}
@media (max-width: 782px) {
	body.admin-bar .elementor-58[data-elementor-type="header"] {
		top: 46px;
	}
}
@media (max-width: 600px) {
	/* در این عرض نوار ادمین وردپرس ثابت نیست */
	body.admin-bar .elementor-58[data-elementor-type="header"] {
		top: 0;
	}
}

/* ---------- چیدمان تبلت و موبایل (راست‌به‌چپ): دکمه‌ی منو راست، بعد آیکون‌ها، لوگو چپ ---------- */
@media (max-width: 1024px) {
	/* انتخابگر قوی‌تر از flex-grow: 1 ذخیره‌شده روی خود ویجت منو (post-58.css) */
	.elementor-58 .elementor-element.elementor-widget-nav-menu.elementor-element-62564a4c {
		order: 1;
		flex-grow: 0;
		width: auto;
		align-self: center;
		/* تا منوی بازشونده نسبت به کل نوار هدر جا بگیرد، نه نسبت به خود دکمه */
		position: static;
	}
	.elementor-58 .elementor-widget-nav-menu .elementor-menu-toggle {
		margin-inline: 0;
	}
	.elementor-58 .elementor-element.elementor-element-80eeaf1 {
		order: 2;
		margin-inline-start: 0;
	}
	/* لوگو به انتهای ردیف (سمت چپ) برود */
	.elementor-58 .elementor-element-65bbf8cd > a.e-image-link-base {
		order: 3;
		margin-inline-start: auto;
	}
	/* دکمه‌ی منو همیشه روی منوی بازشونده بماند تا بستن آن ممکن باشد */
	.elementor-58 .elementor-widget-nav-menu .elementor-menu-toggle {
		position: relative;
		z-index: 9999;
	}
	/* منوی بازشونده زیر هدر و روی صفحه باز شود و جای خالی اشغال نکند */
	.elementor-58 .elementor-widget-nav-menu .elementor-nav-menu--dropdown {
		position: absolute;
		top: 100% !important;
		/* important: جلوی عرض و جای محاسبه‌شده با جاوااسکریپت Elementor را می‌گیرد */
		inset-inline: 0 !important;
		width: auto !important;
		margin-top: 0;
		z-index: 9997;
	}
	/* اگر منو بلند شد، داخل خودش اسکرول بخورد و از صفحه بیرون نزند */
	.elementor-58 .elementor-widget-nav-menu .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown {
		max-height: calc(100vh - 72px);
		overflow-y: auto;
	}
}

/* ---------- پرسشنامه‌ی آنالیز پوست (پلاگین mahancare-skin-questionnaire): رنگ و فرم برند ----------
   پلاگین رنگ‌هایش را با متغیرهای --msq-* روی .msq-root تعریف کرده است. اینجا فقط همان متغیرها
   به رنگ‌های برند وصل می‌شوند و چند جزئیات (گوشه، دکمه، فونت) هماهنگ می‌شود.
   «body» لازم است، چون CSS خود پلاگین بعد از این فایل بارگذاری می‌شود و انتخابگر هم‌وزن را برنده می‌شود. */
body .msq-root {
	--msq-accent: var(--mc-primary);
	--msq-accent-soft: var(--mc-primary-soft);
	--msq-border: var(--mc-line);
	--msq-text: var(--mc-ink);
	--msq-muted: var(--mc-muted);
	--msq-surface: var(--mc-surface);
	--msq-radius: var(--mc-radius-md);
	max-width: 720px;
	font-family: var(--mc-font), Tahoma, sans-serif;
}
.msq-root .msq-card,
.msq-root .msq-result {
	border-radius: var(--mc-radius-lg);
	padding: 32px;
	box-shadow: 0 8px 24px rgba(23, 35, 38, 0.05);
}
/* استایل سراسری دکمه‌ی Elementor (رنگ اصلی، فاصله‌ی 14×28) روی همه‌ی <button>ها می‌نشیند.
   گزینه‌ها و دکمه‌های پرسشنامه هم <button> هستند، پس اینجا ظاهر خودشان برگردانده می‌شود. */
body .msq-root button {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	text-transform: none;
	letter-spacing: normal;
	box-shadow: none;
}
body .msq-root .msq-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 24px;
	border: 1px solid transparent;
	border-radius: 12px;
	font-weight: 700;
}
body .msq-root .msq-btn--primary,
body .msq-root .msq-btn--primary:focus {
	color: #FFFFFF;
	background: var(--mc-primary);
}
body .msq-root .msq-btn--primary:hover,
body .msq-root .msq-btn--primary:focus-visible {
	color: #FFFFFF;
	background: var(--mc-primary-dark);
}
body .msq-root .msq-btn--ghost,
body .msq-root .msq-btn--ghost:focus {
	color: var(--mc-ink);
	background: transparent;
	border-color: var(--mc-line);
}
body .msq-root .msq-btn--ghost:hover {
	color: var(--mc-primary);
	background: transparent;
	border-color: var(--mc-primary);
}
body .msq-root .msq-btn--sm,
body .msq-root .msq-btn--sm:focus {
	min-height: 40px;
	padding: 0 16px;
	font-size: 0.88rem;
	color: var(--mc-ink);
	background: var(--mc-surface);
	border-color: var(--mc-line);
}
body .msq-root .msq-btn--sm:hover {
	color: var(--mc-ink);
	background: var(--mc-surface);
	border-color: var(--mc-primary);
}
body .msq-root .msq-option,
body .msq-root .msq-option:focus {
	min-height: 52px;
	padding: 14px 16px;
	font-weight: 400;
	color: var(--mc-ink);
	background: var(--mc-surface);
	border: 1px solid var(--mc-line);
	border-radius: var(--mc-radius-md);
}
body .msq-root .msq-option:hover {
	color: var(--mc-ink);
	background: var(--mc-surface);
	border-color: var(--mc-primary);
}
body .msq-root .msq-option.is-selected,
body .msq-root .msq-option.is-selected:hover {
	color: var(--mc-ink);
	background: var(--mc-primary-soft);
	border-color: var(--mc-primary);
}
body .msq-root .msq-verify__close {
	min-height: 0;
	padding: 0;
	color: var(--mc-muted);
	background: transparent;
	border: 0;
}
body .msq-root .msq-verify__close:hover {
	background: var(--mc-line);
}
.msq-root .msq-disclaimer,
.msq-root .msq-verify,
.msq-root .msq-badge {
	background: var(--mc-ground);
}
.msq-root .msq-badge--primary {
	background: var(--mc-primary);
	color: #FFFFFF;
}
@media (max-width: 480px) {
	.msq-root .msq-card,
	.msq-root .msq-result {
		padding: 20px 16px;
	}
}

/* صفحه‌ی آنالیز پوست (برگه‌ی 87): کارت «قدم بعد» فقط بعد از نمایش نتیجه دیده شود */
body .elementor [data-id="6f25db3e"] {
	display: none !important;
}
body:has(.msq-result) .elementor [data-id="6f25db3e"] {
	display: flex !important;
}

/* ---------- فروشگاه (قالب 121): فرم فیلترهای پلاگین mahancare-product-metadata ----------
   پلاگین عمداً فقط چیدمان می‌دهد و رنگ و فونت ندارد. ظاهر برند اینجا اضافه می‌شود. */
body .mpm-shop-filters {
	margin: 0;
	padding: 20px;
	font-family: var(--mc-font), Tahoma, sans-serif;
	color: var(--mc-ink);
	background: var(--mc-surface);
	border: 1px solid var(--mc-line);
	border-radius: var(--mc-radius-lg);
}
body .mpm-shop-filters .mpm-shop-filters__field > span:first-child {
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--mc-ink);
}
body .mpm-shop-filters select,
body .mpm-shop-filters input[type="number"] {
	min-height: 44px;
	padding: 0 12px;
	font-family: inherit;
	font-size: 0.9375rem;
	color: var(--mc-ink);
	background-color: var(--mc-surface);
	border: 1px solid var(--mc-line);
	border-radius: var(--mc-radius-sm);
	box-shadow: none;
}
body .mpm-shop-filters select:focus,
body .mpm-shop-filters input[type="number"]:focus {
	outline: none;
	border-color: var(--mc-primary);
	box-shadow: 0 0 0 3px var(--mc-primary-soft);
}
body .mpm-shop-filters input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--mc-primary);
}
body .mpm-shop-filters .mpm-shop-filters__switch {
	min-height: 32px;
	font-size: 0.9375rem;
}
body .mpm-shop-filters button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 24px;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	color: #FFFFFF;
	background: var(--mc-primary);
	border: 1px solid transparent;
	border-radius: 12px;
	box-shadow: none;
}
body .mpm-shop-filters button[type="submit"]:hover,
body .mpm-shop-filters button[type="submit"]:focus-visible {
	color: #FFFFFF;
	background: var(--mc-primary-dark);
}
/* ستون کناری دسکتاپ: فیلدها زیر هم و دکمه تمام‌عرض */
@media (min-width: 1025px) {
	body .elementor [data-id="13b72755"] .mpm-shop-filters__row {
		flex-direction: column;
		align-items: stretch;
	}
	body .elementor [data-id="13b72755"] .mpm-shop-filters__field {
		flex: 0 0 auto;
	}
	body .elementor [data-id="13b72755"] .mpm-shop-filters__row--switches {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
	body .elementor [data-id="13b72755"] .mpm-shop-filters button[type="submit"] {
		width: 100%;
		margin-top: 8px;
	}
}
/* موبایل: در حالت ستونی خود پلاگین، flex-basis برابر 12rem به ارتفاع تبدیل می‌شود و فاصله‌ی بزرگ می‌سازد */
@media (max-width: 600px) {
	body .mpm-shop-filters {
		padding: 16px;
	}
	body .mpm-shop-filters .mpm-shop-filters__field {
		flex: 0 0 auto;
	}
	body .mpm-shop-filters button[type="submit"] {
		width: 100%;
	}
}

/* ---------- صفحه‌ی روتین و امتیاز محصول (پلاگین skin-routine-frontend): رنگ و فرم برند ----------
   مثل پرسشنامه، رنگ‌ها با متغیرهای --srf-* روی .srf-root تعریف شده‌اند. */
body .srf-root {
	--srf-accent: var(--mc-primary);
	--srf-ink: var(--mc-ink);
	--srf-muted: var(--mc-muted);
	--srf-line: var(--mc-line);
	--srf-soft: var(--mc-ground);
	font-family: var(--mc-font), Tahoma, sans-serif;
}
body .srf-root .srf-notice {
	margin: 0;
	padding: 24px;
	font-size: 1rem;
	text-align: center;
	background: var(--mc-primary-soft);
	border-radius: var(--mc-radius-lg);
}
body .srf-root .srf-notice a {
	font-weight: 700;
	color: var(--mc-primary);
}
/* استایل سراسری دکمه‌ی Elementor روی <button>های صفحه‌ی روتین هم می‌نشیند */
body .srf-root button {
	min-height: 40px;
	padding: 0 16px;
	font-family: inherit;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: inherit;
	text-transform: none;
	letter-spacing: normal;
	color: var(--mc-ink);
	background: var(--mc-surface);
	border: 1px solid var(--mc-line);
	border-radius: 10px;
	box-shadow: none;
}
body .srf-root button:hover,
body .srf-root button:focus-visible {
	color: var(--mc-primary);
	background: var(--mc-surface);
	border-color: var(--mc-primary);
}
/* دعوت کوچک به آنالیز در صفحه‌ی محصول (اصل عدم مزاحمت: کوچک و ساده) */
body .srf-score-invite {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.8;
}
body .srf-score-invite a {
	color: var(--mc-primary);
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* فروشگاه: دکمه‌ی دسته‌ی فعلی پررنگ شود (کلاس‌های body از خود WooCommerce) */
body.woocommerce-shop .elementor [data-id="5da524c4"],
body.term-cleansers .elementor [data-id="5f2457fb"],
body.term-hydrators .elementor [data-id="10c37fa4"],
body.term-sunscreens .elementor [data-id="21d3bb4b"],
body.term-treatments .elementor [data-id="3e158da8"] {
	color: #FFFFFF;
	background-color: var(--mc-primary);
	border-color: var(--mc-primary);
}

/* فقط یکی از دو لوگو در هر اندازه در چیدمان شرکت کند */
@media (min-width: 768px) {
	.elementor-58 a.e-image-link-base[data-interaction-id="273ae5d3"] {
		display: none;
	}
}
@media (max-width: 767px) {
	.elementor-58 a.e-image-link-base[data-interaction-id="3e0f42a4"] {
		display: none;
	}
}

/* دکمه‌ی hidden مخفی بماند: reset.css پوسته‌ی Hello قانون [type="button"]{display:inline-block} را
   بعد از [hidden]{display:none} آورده و وزن هر دو برابر است. برای همین «برگرداندن به روتین» همیشه دیده می‌شد. */
button[hidden],
[type="button"][hidden],
[type="submit"][hidden] {
	display: none;
}

/* ---------- سبد خرید بلوکی WooCommerce (برگه‌ی 9) ---------- */
/* Hello به .alignwide حاشیه‌ی منفی 80 پیکسل می‌دهد. در تبلت و موبایل (راست‌به‌چپ) بلوک سبد
   از لبه‌ی راست بیرون می‌زد و ابتدای متن‌ها بریده می‌شد. */
.wp-block-woocommerce-cart.alignwide {
	margin-inline: 0;
}
/* «رفتن به صفحه پرداخت» تگ <a> است و رنگ لینک سراسری را روی زمینه‌ی پیش‌فرض وردپرس (#32373C)
   می‌گرفت (کنتراست 1.58). اینجا مثل دکمه‌های دیگر سایت می‌شود. */
body .wc-block-cart .wc-block-cart__submit-button.wc-block-components-button,
body .wc-block-cart .wc-block-cart__submit-button .wc-block-components-button__text {
	color: #FFFFFF;
	text-decoration: none;
}
body .wc-block-cart .wc-block-cart__submit-button.wc-block-components-button {
	background-color: var(--mc-primary);
	border-radius: 12px;
}
body .wc-block-cart .wc-block-cart__submit-button.wc-block-components-button:hover,
body .wc-block-cart .wc-block-cart__submit-button.wc-block-components-button:focus-visible {
	color: #FFFFFF;
	background-color: var(--mc-primary-dark);
}

/* ---------- صفحه‌های سبد و پرداخت (قالب پیش‌فرض Hello): حاشیه‌ی کناری موبایل ----------
   theme.css پوسته‌ی Hello تا 575 پیکسل به .site-main و عنوان صفحه هرکدام 10 پیکسل می‌دهد:
   محتوا 10 و عنوان 20 پیکسل از لبه بود. مثل صفحه‌های Elementor هر دو 20 پیکسل از لبه می‌شوند. */
@media (max-width: 575px) {
	body.woocommerce-cart main.site-main,
	body.woocommerce-checkout main.site-main,
	body.woocommerce-account main.site-main {
		padding-inline: 20px;
	}
	body.woocommerce-cart .page-header .entry-title,
	body.woocommerce-checkout .page-header .entry-title,
	body.woocommerce-account .page-header .entry-title {
		padding-inline: 0;
	}
}

/* ---------- دکمه‌های بلوکی وردپرس و WooCommerce که تگ <a> هستند ----------
   مثل «افزودن به سبد خرید» در بخش «تازه در فروشگاه» سبد خالی: زمینه‌ی پیش‌فرض وردپرس (#32373C)
   با رنگ لینک سراسری سایت (کنتراست 1.58)، زیرخط‌دار و کپسولی بودند. مثل دکمه‌های دیگر سایت می‌شوند.
   دکمه‌های <button> از قبل استایل دکمه‌ی Elementor را دارند و دکمه‌های is-link لینک متنی‌اند. */
body a.wp-block-button__link,
body a.wp-element-button:not(.is-link) {
	color: #FFFFFF;
	background-color: var(--mc-primary);
	border-radius: 12px;
	text-decoration: none;
}
body a.wp-block-button__link:hover,
body a.wp-block-button__link:focus-visible,
body a.wp-element-button:not(.is-link):hover,
body a.wp-element-button:not(.is-link):focus-visible {
	color: #FFFFFF;
	background-color: var(--mc-primary-dark);
}

/* ---------- سبد خالی: بخش «تازه در فروشگاه» (بلوک product-new WooCommerce) مثل کارت‌های فروشگاه ----------
   CSS خود WooCommerce فاصله‌ها را با قاب شفاف می‌سازد، عرض کارت را با max-width درصدی می‌دهد و متن را
   0.75em می‌کند (عنوان و قیمت 12.75 پیکسل بودند). برای همین انتخابگرها کمی قوی‌ترند و اندازه‌ها rem است.
   «.wc-block-grid__product» دوبار آمده تا از قانون nth-child خود WooCommerce در 481 تا 600 پیکسل قوی‌تر باشد. */
body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin: 0 0 16px;
	padding: 0;
}
body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__product.wc-block-grid__product {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: none;
	max-width: none;
	margin: 0;
	padding: 12px 12px 16px;
	font-size: 1rem;
	text-align: start;
	background-color: var(--mc-surface);
	border: 1px solid var(--mc-line);
	border-radius: var(--mc-radius-md);
}
body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__product-link {
	display: flex;
	flex-direction: column;
	gap: 8px;
	color: var(--mc-ink);
	text-decoration: none;
}
body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__product-image {
	display: block;
	margin: 0;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background-color: var(--mc-primary-soft);
	border-radius: var(--mc-radius-md);
}
body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__product-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__product-title {
	margin: 0;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.6;
	color: var(--mc-ink);
}
body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__product-link:hover .wc-block-grid__product-title,
body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__product-link:focus-visible .wc-block-grid__product-title {
	color: var(--mc-primary);
}
body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__product-price {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	color: var(--mc-ink);
}
/* دکمه پایین کارت بنشیند تا در کارت‌های هم‌ردیف هم‌تراز باشد */
body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__product-add-to-cart {
	margin: auto 0 0;
}
body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__product-add-to-cart .wp-block-button__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 44px;
	padding: 8px 12px;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.4;
}
/* تبلت و موبایل: ۲ ستون، مثل فروشگاه در موبایل (با ۴ محصول دو ردیف متعادل) */
@media (max-width: 991px) {
	body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
}
@media (max-width: 767px) {
	body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__product-title {
		font-size: 0.9375rem;
	}
	body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__product-add-to-cart .wp-block-button__link {
		font-size: 0.875rem;
	}
}
/* سبد خالی: جداکننده‌ی نقطه‌چین پیش‌فرض وردپرس («···» خاکستری با فونت serif) به یک خط کوتاه برند.
   وردپرس زمینه و قاب خود hr را با !important قفل کرده، پس خط با ::before ساخته می‌شود. */
body .wp-block-woocommerce-empty-cart-block hr.wp-block-separator.is-style-dots {
	margin: 40px auto 32px;
}
body .wp-block-woocommerce-empty-cart-block hr.wp-block-separator.is-style-dots::before {
	content: "";
	display: block;
	width: 48px;
	height: 3px;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
	letter-spacing: normal;
	background-color: var(--mc-primary);
	border-radius: 3px;
}
@media (max-width: 767px) {
	body .wp-block-woocommerce-empty-cart-block hr.wp-block-separator.is-style-dots {
		margin: 32px auto 24px;
	}
}

/* ---------- پیام‌های WooCommerce (مثل «…به سبد خرید شما اضافه شد») ---------- */
body .woocommerce-message,
body .woocommerce-info {
	color: var(--mc-ink);
	background-color: var(--mc-primary-soft);
	border-top-color: var(--mc-primary);
	border-radius: var(--mc-radius-md);
}
body .woocommerce-message::before,
body .woocommerce-info::before {
	color: var(--mc-primary);
}

/* ---------- حساب کاربری (برگه‌ی 11: قالب پیش‌فرض Hello + WooCommerce کلاسیک) ----------
   CSS خود WooCommerce دکمه‌ها را خاکستری (.woocommerce button.button) و فرم‌ها را با قاب خاکستری می‌کشد. */
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce a.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 28px;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.4;
	color: #FFFFFF;
	background-color: var(--mc-primary);
	border: 0;
	border-radius: 12px;
	text-decoration: none;
}
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce button.button:focus-visible,
body.woocommerce-account .woocommerce a.button:hover,
body.woocommerce-account .woocommerce a.button:focus-visible {
	color: #FFFFFF;
	background-color: var(--mc-primary-dark);
}
/* دکمه‌ی داخل پیام (مثل «مشاهده سبد خرید») لینک متنی است، نه دکمه‌ی پر */
body .woocommerce .woocommerce-message a.button,
body .woocommerce-message a.button {
	min-height: 0;
	padding: 0;
	font-weight: 700;
	color: var(--mc-primary);
	background: none;
	text-decoration: underline;
	text-underline-offset: 4px;
}
body .woocommerce .woocommerce-message a.button:hover,
body .woocommerce-message a.button:hover {
	color: var(--mc-primary-dark);
	background: none;
}

/* مهمان: «ورود» و «عضویت» */
body.woocommerce-account .woocommerce h2 {
	margin: 0 0 12px;
	font-size: 1.5rem;
}
body.woocommerce-account .woocommerce form.login,
body.woocommerce-account .woocommerce form.register,
body.woocommerce-account .woocommerce form.lost_reset_password {
	margin: 0 0 24px;
	padding: 24px;
	background-color: var(--mc-surface);
	border: 1px solid var(--mc-line);
	border-radius: var(--mc-radius-lg);
}
body.woocommerce-account .woocommerce form .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-inline-end: 16px;
}
@media (min-width: 992px) {
	/* در راست‌به‌چپ ستون اول («ورود») سمت راست بنشیند */
	body.woocommerce-account .woocommerce .u-columns.col2-set {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px;
	}
	body.woocommerce-account .woocommerce .u-columns.col2-set::before,
	body.woocommerce-account .woocommerce .u-columns.col2-set::after {
		content: none;
	}
	body.woocommerce-account .woocommerce .u-columns.col2-set > .u-column1,
	body.woocommerce-account .woocommerce .u-columns.col2-set > .u-column2 {
		float: none;
		width: auto;
	}
}

/* کاربر واردشده: منوی حساب
   هر گزینه یک دکمه‌ی قاب‌دار با فلش «‹» است تا معلوم باشد قابل انتخاب است (گزارش کاربر 2026-10-17)؛
   گزینه‌ی فعلی پر و سبزآبی است. */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: grid;
	gap: 8px;
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
	background: none;
	border: 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 48px;
	padding: 0 16px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	color: var(--mc-ink);
	text-decoration: none;
	background-color: var(--mc-surface);
	border: 1px solid var(--mc-line);
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(23, 35, 38, 0.06);
	transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
/* فلش جهت حرکت (در راست‌به‌چپ رو به چپ) */
body.woocommerce-account .woocommerce-MyAccount-navigation li a::after {
	content: "";
	flex: none;
	width: 8px;
	height: 8px;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	opacity: 0.55;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation li a:focus-visible {
	color: var(--mc-primary);
	background-color: var(--mc-ground);
	border-color: var(--mc-primary);
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:focus-visible {
	outline: 2px solid var(--mc-primary);
	outline-offset: 2px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	font-weight: 700;
	color: #FFFFFF;
	background-color: var(--mc-primary);
	border-color: var(--mc-primary);
	box-shadow: none;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::after {
	opacity: 1;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--mc-muted);
	font-weight: 500;
	box-shadow: none;
}
@media (max-width: 768px) {
	/* تا 768 پیکسل خود WooCommerce منو را تمام‌عرض بالای محتوا می‌آورد؛ دوستونه تا جای کمتری بگیرد */
	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	body.woocommerce-account .woocommerce-MyAccount-navigation li a {
		padding: 0 12px;
		font-size: 0.9375rem;
	}
}

/* جدول سفارش‌ها و جزئیات سفارش (حساب کاربری و صفحه‌ی بعد از خرید) */
body.woocommerce-account .woocommerce table.shop_table,
body.woocommerce-order-received .woocommerce table.shop_table {
	border: 1px solid var(--mc-line);
	border-radius: var(--mc-radius-md);
	border-collapse: separate;
}
body.woocommerce-account .woocommerce table.shop_table th,
body.woocommerce-order-received .woocommerce table.shop_table th {
	font-weight: 700;
}
body.woocommerce-account .woocommerce table.shop_table td,
body.woocommerce-account .woocommerce table.shop_table th,
body.woocommerce-order-received .woocommerce table.shop_table td,
body.woocommerce-order-received .woocommerce table.shop_table th {
	border-top-color: var(--mc-line);
}
body.woocommerce-account .woocommerce table.shop_table a.button {
	min-height: 40px;
	padding: 0 16px;
	font-size: 0.875rem;
}
/* فقط «پرداخت» دکمه‌ی پر است؛ «مشاهده» و «لغو» دورخط‌دار تا اقدام اصلی معلوم باشد */
body.woocommerce-account .woocommerce table.shop_table a.button.view,
body.woocommerce-account .woocommerce table.shop_table a.button.cancel {
	color: var(--mc-primary);
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--mc-line);
}
body.woocommerce-account .woocommerce table.shop_table a.button.view:hover,
body.woocommerce-account .woocommerce table.shop_table a.button.view:focus-visible,
body.woocommerce-account .woocommerce table.shop_table a.button.cancel:hover,
body.woocommerce-account .woocommerce table.shop_table a.button.cancel:focus-visible {
	color: var(--mc-primary-dark);
	background-color: var(--mc-primary-soft);
}

/* ---------- «پروفایل پوستی من» (mu-plugin mahancare-account) ---------- */
/* هم‌عرض کارت نتیجه‌ی پرسشنامه (.msq-root حداکثر 720 و وسط‌چین) تا لبه‌ی راست دکمه‌ها با کارت یکی باشد */
.mc-skin-profile__renew {
	max-width: 720px;
	margin: 16px auto 0;
	padding: 12px 16px;
	font-size: 0.9375rem;
	line-height: 1.8;
	background-color: var(--mc-primary-soft);
	border-radius: var(--mc-radius-md);
}
.mc-skin-profile__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	max-width: 720px;
	margin: 24px auto 0;
}
/* هر دو گزینه دکمه‌ی 48 پیکسلی‌اند: «پاسخ دوباره» پر، «روتین پیشنهادی من» قاب‌دار (قبلاً لینک زیرخط‌دار بود؛ گزارش کاربر 2026-10-17) */
body .mc-skin-profile__actions a.wp-element-button,
body .mc-skin-profile__actions a.mc-skin-profile__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 24px;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
	border-radius: 12px;
}
body .mc-skin-profile__actions a.mc-skin-profile__link {
	color: var(--mc-primary);
	background-color: var(--mc-surface);
	border: 1.5px solid var(--mc-primary);
}
body .mc-skin-profile__actions a.mc-skin-profile__link:hover,
body .mc-skin-profile__actions a.mc-skin-profile__link:focus-visible {
	color: var(--mc-primary-dark);
	background-color: var(--mc-primary-soft);
}
@media (max-width: 575px) {
	/* موبایل: دو دکمه‌ی تمام‌عرض زیر هم */
	.mc-skin-profile__actions {
		flex-direction: column;
		align-items: stretch;
	}
}
/* حساب کاربری: محتوا به فوتر نچسبد (قبلاً فاصله‌ی پایین صفر بود) */
body.woocommerce-account main.site-main {
	padding-bottom: 64px;
}
@media (max-width: 767px) {
	body.woocommerce-account main.site-main {
		padding-bottom: 48px;
	}
}

/* ---------- «برنامه‌ی استفاده» بعد از خرید و در «مشاهده‌ی سفارش» (mu-plugin mahancare-account) ---------- */
.mc-usage-plan {
	margin: 0 0 32px;
	padding: 24px;
	background-color: var(--mc-surface);
	border: 1px solid var(--mc-line);
	border-radius: var(--mc-radius-lg);
}
body .mc-usage-plan .mc-usage-plan__title {
	margin: 0 0 8px;
	font-size: 1.375rem;
}
.mc-usage-plan__intro {
	margin: 0 0 20px;
	color: var(--mc-muted);
}
.mc-usage-plan__times {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}
.mc-usage-plan__time {
	padding: 16px;
	background-color: var(--mc-ground);
	border-radius: var(--mc-radius-md);
}
body .mc-usage-plan .mc-usage-plan__time-title {
	margin: 0 0 12px;
	font-size: 1.125rem;
}
.mc-usage-plan__steps {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: mc-step;
}
.mc-usage-plan__step {
	position: relative;
	margin: 0;
}
ol.mc-usage-plan__steps > .mc-usage-plan__step {
	padding-inline-start: 38px;
	counter-increment: mc-step;
}
ol.mc-usage-plan__steps > .mc-usage-plan__step::before {
	content: counter(mc-step, persian);
	position: absolute;
	top: 0;
	inset-inline-start: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	font-size: 0.8125rem;
	font-weight: 700;
	color: #FFFFFF;
	background-color: var(--mc-primary);
	border-radius: 50%;
}
.mc-usage-plan__role {
	display: inline-block;
	margin: 0 0 4px;
	padding: 2px 10px;
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--mc-primary);
	background-color: var(--mc-primary-soft);
	border-radius: 999px;
}
body .mc-usage-plan a.mc-usage-plan__name {
	display: block;
	font-weight: 700;
	color: var(--mc-ink);
	text-decoration: none;
}
body .mc-usage-plan a.mc-usage-plan__name:hover {
	color: var(--mc-primary);
}
.mc-usage-plan__how {
	margin: 4px 0 0;
	font-size: 0.9375rem;
	line-height: 1.8;
	color: var(--mc-muted);
}
.mc-usage-plan__disclaimer {
	margin: 20px 0 0;
	font-size: 0.875rem;
	color: var(--mc-muted);
}
.mc-usage-plan__invite {
	margin: 20px 0 0;
	padding: 12px 16px;
	font-size: 0.9375rem;
	background-color: var(--mc-primary-soft);
	border-radius: var(--mc-radius-md);
}
.mc-usage-plan__invite a {
	font-weight: 700;
}
@media (max-width: 767px) {
	.mc-usage-plan {
		padding: 20px 16px;
	}
	.mc-usage-plan__times {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ---------- آکاردئون V4 (مثل سؤالات متداول): آیکون باز و بسته ----------
   جای آیکون از راه MCP خالی ساخته می‌شود و عرض پیش‌فرضش 200 پیکسل است و جای عنوان را می‌گیرد.
   یک فلش ساده با CSS؛ اگر بعداً SVG واقعی در آیکون گذاشته شود، این فلش کنار می‌رود. */
body .elementor .e-accordion-item-icon-base {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	justify-content: center;
}
body .elementor .e-accordion-item-icon-base:not(:has(svg))::before {
	content: "";
	width: 9px;
	height: 9px;
	margin-block-start: -5px;
	border-right: 2px solid var(--mc-primary);
	border-bottom: 2px solid var(--mc-primary);
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}
body .elementor details[open] > summary .e-accordion-item-icon-base:not(:has(svg))::before {
	margin-block-start: 5px;
	transform: rotate(-135deg);
}

/* ---------- فهرست‌های داخل پاراگراف V4 (صفحه‌های قوانین و حریم خصوصی) ----------
   پاراگرافی که فهرست دارد با تگ span ساخته می‌شود، چون <ul> داخل <p> از آن بیرون می‌افتد. */
body .elementor .e-paragraph-base ul,
body .elementor .e-paragraph-base ol {
	margin: 8px 0 0;
	padding-inline-start: 1.4em;
}
body .elementor .e-paragraph-base li {
	margin: 0 0 8px;
	line-height: 1.9;
}
body .elementor .e-paragraph-base li::marker {
	color: var(--mc-primary);
}

/* لینک داخل متن پاراگراف‌های V4 (مثل پاسخ‌های سؤالات متداول): رنگش به متن خاکستری نزدیک است،
   پس با زیرخط و وزن بیشتر از متن جدا می‌شود (WCAG 1.4.1). لینکِ کل پاراگراف (a.e-paragraph-link-base، مثل فوتر) را نمی‌گیرد. */
body .elementor .e-paragraph-base a:not(.e-paragraph-link-base) {
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* ---------- مجله: دکمه‌های دسته ----------
   خروجی کدکوتاه [mahancare_blog_cats] در mu-plugin mahancare-blog.php (قالب آرشیو 173).
   هم‌شکل دکمه‌های دسته‌ی فروشگاه. دسته‌ی بدون مقاله اصلاً نمایش داده نمی‌شود و
   دکمه‌ی صفحه‌ی فعلی کلاس is-active و aria-current دارد. */
body .mc-blog-cats {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
body .mc-blog-cats .mc-blog-cat {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 16px;
	border: 1px solid var(--mc-line);
	border-radius: 999px;
	background-color: var(--mc-surface);
	color: var(--mc-ink);
	font-family: var(--mc-font);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	transition: color 0.2s, border-color 0.2s;
}
body .mc-blog-cats .mc-blog-cat:hover,
body .mc-blog-cats .mc-blog-cat:focus-visible {
	color: var(--mc-primary);
	border-color: var(--mc-primary);
}
body .mc-blog-cats .mc-blog-cat.is-active {
	color: #FFFFFF;
	background-color: var(--mc-primary);
	border-color: var(--mc-primary);
}

/* ---------- مجله: نوار موضوع‌ها (2026-10-19) ----------
   جایگزین دکمه‌های کپسولی بالا، وقتی گزینه‌ی mahancare_blog_nav_style = tabs است (mu-plugin mahancare-blog.php).
   ردیف تب متنی با خط زیرین، در لبه‌ی پایین سربرگ آرشیو (فاصله‌ی پایین سربرگ در قالب 173 صفر است).
   موضوع‌های زیاد چندخطی نمی‌شوند: ردیف افقی اسکرول می‌خورد و سایه‌ی کم‌رنگ لبه نشان می‌دهد که ادامه دارد
   (سایه با background-attachment ساخته شده و فقط وقتی ردیف واقعاً اسکرول دارد دیده می‌شود). */
body .mc-blog-tabs {
	width: 100%;
}
/* خط نازک زیر نوار روی خود track است (سایه‌ی inset روی پس‌زمینه‌ی همان عنصر کشیده می‌شود)،
   تا پوشش‌های گرادیان لبه‌ها آن را پنهان نکنند. */
body .mc-blog-tabs .mc-blog-tabs__track {
	box-shadow: inset 0 -1px 0 var(--mc-line);
	display: flex;
	gap: 32px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
	background:
		linear-gradient(to left, #F4F6F5 30%, rgba(244, 246, 245, 0)) right center / 40px 100% no-repeat local,
		linear-gradient(to right, #F4F6F5 30%, rgba(244, 246, 245, 0)) left center / 40px 100% no-repeat local,
		radial-gradient(farthest-side at 100% 50%, rgba(23, 35, 38, 0.16), rgba(23, 35, 38, 0)) right center / 14px 100% no-repeat scroll,
		radial-gradient(farthest-side at 0 50%, rgba(23, 35, 38, 0.16), rgba(23, 35, 38, 0)) left center / 14px 100% no-repeat scroll;
}
body .mc-blog-tabs .mc-blog-tabs__track::-webkit-scrollbar {
	display: none;
}
body .mc-blog-tabs .mc-blog-tab {
	position: relative;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	min-height: 52px;
	padding: 0 2px;
	color: var(--mc-muted);
	font-family: var(--mc-font);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
	text-decoration: none;
	transition: color 0.2s;
}
body .mc-blog-tabs .mc-blog-tab::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background-color: transparent;
	transition: background-color 0.2s;
}
body .mc-blog-tabs .mc-blog-tab:hover {
	color: var(--mc-ink);
}
body .mc-blog-tabs .mc-blog-tab:hover::after {
	background-color: var(--mc-line);
}
body .mc-blog-tabs .mc-blog-tab:focus-visible {
	outline: 2px solid var(--mc-primary);
	outline-offset: -4px;
	border-radius: 6px;
}
body .mc-blog-tabs .mc-blog-tab.is-active {
	color: var(--mc-primary);
	font-weight: 700;
}
body .mc-blog-tabs .mc-blog-tab.is-active::after {
	background-color: var(--mc-primary);
}
@media (max-width: 767px) {
	body .mc-blog-tabs .mc-blog-tabs__track {
		gap: 24px;
	}
	body .mc-blog-tabs .mc-blog-tab {
		min-height: 48px;
		font-size: 0.9375rem;
	}
}

/* ---------- مجله: صفحه‌ی مقاله (قالب تک‌مقاله 188) ----------
   همه با body.single-post محدود شده‌اند تا صفحه‌ی محصول (که آن هم ویجت theme-post-content دارد) دست نخورد. */

/* مسیر صفحه «مجله / دسته» (کدکوتاه [mahancare_post_breadcrumb]) */
body .mc-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.875rem;
	line-height: 1.8;
}
body .mc-breadcrumb li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
}
body .mc-breadcrumb li + li::before {
	content: "/";
	color: var(--mc-muted);
}
body .mc-breadcrumb a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	color: var(--mc-primary);
	font-weight: 600;
	text-decoration: none;
}
body .mc-breadcrumb a:hover,
body .mc-breadcrumb a:focus-visible {
	color: var(--mc-primary-dark);
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* متن مقاله */
body.single-post .elementor-widget-theme-post-content {
	font-size: 1.0625rem;
	line-height: 2;
	color: var(--mc-ink);
}
body.single-post .elementor-widget-theme-post-content p,
body.single-post .elementor-widget-theme-post-content ul,
body.single-post .elementor-widget-theme-post-content ol,
body.single-post .elementor-widget-theme-post-content figure {
	margin: 0 0 20px;
}
body.single-post .elementor-widget-theme-post-content h2 {
	margin: 40px 0 12px;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.6;
	color: var(--mc-ink);
}
body.single-post .elementor-widget-theme-post-content h3 {
	margin: 28px 0 8px;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.65;
	color: var(--mc-ink);
}
body.single-post .elementor-widget-theme-post-content h2:first-child,
body.single-post .elementor-widget-theme-post-content h3:first-child {
	margin-top: 0;
}
body.single-post .elementor-widget-theme-post-content ul,
body.single-post .elementor-widget-theme-post-content ol {
	padding-inline-start: 1.4em;
}
body.single-post .elementor-widget-theme-post-content ol {
	list-style-type: persian;
}
body.single-post .elementor-widget-theme-post-content li {
	margin: 0 0 8px;
}
body.single-post .elementor-widget-theme-post-content li::marker {
	color: var(--mc-primary);
	font-weight: 700;
}
body.single-post .elementor-widget-theme-post-content a {
	color: var(--mc-primary);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 4px;
}
body.single-post .elementor-widget-theme-post-content a:hover {
	color: var(--mc-primary-dark);
}
body.single-post .elementor-widget-theme-post-content blockquote {
	margin: 28px 0;
	padding: 16px 20px;
	border-inline-start: 4px solid var(--mc-primary);
	border-start-end-radius: 12px;
	border-end-end-radius: 12px;
	background-color: var(--mc-primary-soft);
	color: var(--mc-ink);
	font-weight: 600;
}
body.single-post .elementor-widget-theme-post-content blockquote p:last-child {
	margin-bottom: 0;
}
body.single-post .elementor-widget-theme-post-content img {
	max-width: 100%;
	height: auto;
	border-radius: var(--mc-radius-md);
}
body.single-post .elementor-widget-theme-post-content figcaption {
	margin-top: 8px;
	font-size: 0.875rem;
	color: var(--mc-muted);
	text-align: center;
}
@media (max-width: 767px) {
	body.single-post .elementor-widget-theme-post-content h2 {
		margin: 32px 0 10px;
		font-size: 1.3125rem;
	}
	body.single-post .elementor-widget-theme-post-content h3 {
		margin: 24px 0 8px;
		font-size: 1.125rem;
	}
	body.single-post .elementor-widget-theme-post-content blockquote {
		padding: 14px 16px;
	}
}

/* برچسب‌های نوع پوست زیر مقاله (کدکوتاه [mahancare_post_tags]) */
body .mc-post-tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
body .mc-post-tags__label {
	margin-inline-end: 4px;
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--mc-ink);
}
body .mc-post-tags .mc-post-tag {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 14px;
	border: 1px solid var(--mc-line);
	border-radius: 999px;
	background-color: var(--mc-surface);
	color: var(--mc-ink);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.2s, border-color 0.2s;
}
body .mc-post-tags .mc-post-tag:hover,
body .mc-post-tags .mc-post-tag:focus-visible {
	color: var(--mc-primary);
	border-color: var(--mc-primary);
}

/* دیدگاه‌ها (comments.php پوسته‌ی Hello از راه ویجت Post Comments). Gravatar در mu-plugin حذف شده است. */
body.single-post #comments {
	padding-top: 32px;
	border-top: 1px solid var(--mc-line);
}
body.single-post #comments .title-comments,
body.single-post #comments .comment-reply-title {
	margin: 0 0 16px;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.6;
	color: var(--mc-ink);
}
body.single-post #comments .comment-reply-title small {
	margin-inline-start: 12px;
	font-size: 0.875rem;
	font-weight: 600;
}
body.single-post #comments a {
	color: var(--mc-primary);
	text-decoration: none;
}
body.single-post #comments a:hover {
	color: var(--mc-primary-dark);
	text-decoration: underline;
	text-underline-offset: 4px;
}
body.single-post #comments .comment-list,
body.single-post #comments .comment-list .children {
	margin: 0;
	padding: 0;
	list-style: none;
}
body.single-post #comments .comment-list {
	margin-bottom: 32px;
}
body.single-post #comments .comment-list .children {
	margin-top: 12px;
	padding-inline-start: 24px;
}
body.single-post #comments .comment-body {
	margin-bottom: 12px;
	padding: 16px 20px;
	border: 1px solid var(--mc-line);
	border-radius: var(--mc-radius-md);
	background-color: var(--mc-surface);
}
body.single-post #comments .comment-meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 4px 12px;
	margin-bottom: 8px;
	font-size: 0.875rem;
	color: var(--mc-muted);
}
body.single-post #comments .comment-author {
	font-weight: 700;
	color: var(--mc-ink);
}
body.single-post #comments .comment-author .says {
	display: none;
}
body.single-post #comments .comment-metadata a {
	color: var(--mc-muted);
}
body.single-post #comments .comment-content p {
	margin: 0 0 8px;
	font-size: 1rem;
	line-height: 1.9;
}
body.single-post #comments .comment-awaiting-moderation {
	display: block;
	margin-bottom: 8px;
	font-size: 0.875rem;
	color: var(--mc-accent);
}
body.single-post #comments .reply a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	font-size: 0.875rem;
	font-weight: 600;
}
body.single-post #comments .comment-notes,
body.single-post #comments .logged-in-as {
	margin: 0 0 16px;
	font-size: 0.9375rem;
	line-height: 1.9;
	color: var(--mc-muted);
}
body.single-post #comments .comment-form p {
	margin: 0 0 16px;
}
body.single-post #comments .comment-form label {
	display: block;
	margin-bottom: 6px;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--mc-ink);
}
body.single-post #comments .comment-form .required {
	color: var(--mc-accent);
}
body.single-post #comments .comment-form input[type="text"],
body.single-post #comments .comment-form input[type="email"],
body.single-post #comments .comment-form textarea {
	width: 100%;
	min-height: 48px;
	padding: 10px 14px;
	border: 1px solid var(--mc-line);
	border-radius: 10px;
	background-color: #FFFFFF;
	color: var(--mc-ink);
	font-family: var(--mc-font);
	font-size: 1rem;
}
body.single-post #comments .comment-form textarea {
	min-height: 140px;
	resize: vertical;
}
body.single-post #comments .comment-form input[type="text"]:focus,
body.single-post #comments .comment-form input[type="email"]:focus,
body.single-post #comments .comment-form textarea:focus {
	border-color: var(--mc-primary);
	outline: none;
	box-shadow: 0 0 0 3px var(--mc-primary-soft);
}
body.single-post #comments .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}
body.single-post #comments .comment-form-cookies-consent input[type="checkbox"] {
	flex: none;
	width: 18px;
	height: 18px;
	margin: 6px 0 0;
	accent-color: var(--mc-primary);
}
body.single-post #comments .comment-form-cookies-consent label {
	display: inline;
	margin: 0;
	font-size: 0.875rem;
	font-weight: 400;
	color: var(--mc-muted);
}
body.single-post #comments .form-submit input[type="submit"] {
	min-height: 48px;
	padding: 0 28px;
	border: 0;
	border-radius: 12px;
	background-color: var(--mc-primary);
	color: #FFFFFF;
	font-family: var(--mc-font);
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
}
body.single-post #comments .form-submit input[type="submit"]:hover,
body.single-post #comments .form-submit input[type="submit"]:focus-visible {
	background-color: var(--mc-primary-dark);
}
@media (max-width: 767px) {
	body.single-post #comments .title-comments,
	body.single-post #comments .comment-reply-title {
		font-size: 1.25rem;
	}
	body.single-post #comments .comment-list .children {
		padding-inline-start: 12px;
	}
	body.single-post #comments .comment-body {
		padding: 14px 16px;
	}
}

/* فهرست تیترها «در این مقاله» (کدکوتاه [mahancare_post_toc]، ستون کناری چسبان قالب 188).
   در دسکتاپ با JS باز است؛ در تبلت و موبایل بالای متن، بسته و بازشونده. */
body .mc-toc {
	padding: 14px 16px;
	border: 1px solid var(--mc-line);
	border-radius: var(--mc-radius-md);
	background-color: var(--mc-surface);
}
body .mc-toc__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 32px;
	cursor: pointer;
	list-style: none;
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--mc-ink);
}
body .mc-toc__title::-webkit-details-marker {
	display: none;
}
body .mc-toc__title::after {
	content: "";
	flex: none;
	width: 8px;
	height: 8px;
	margin-block-start: -4px;
	border-right: 2px solid var(--mc-primary);
	border-bottom: 2px solid var(--mc-primary);
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}
body .mc-toc[open] .mc-toc__title {
	margin-bottom: 8px;
}
body .mc-toc[open] .mc-toc__title::after {
	margin-block-start: 4px;
	transform: rotate(-135deg);
}
body .mc-toc__list {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}
body .mc-toc__list li {
	margin: 0;
}
body .mc-toc__list a {
	display: block;
	padding: 7px 12px;
	border-inline-start: 2px solid var(--mc-line);
	color: var(--mc-muted);
	font-size: 0.875rem;
	line-height: 1.7;
	text-decoration: none;
	transition: color 0.2s, border-color 0.2s, background-color 0.2s;
}
body .mc-toc__list a:hover,
body .mc-toc__list a:focus-visible {
	color: var(--mc-primary);
	border-color: var(--mc-primary);
}
body .mc-toc__list a.is-active {
	border-color: var(--mc-primary);
	border-start-end-radius: 8px;
	border-end-end-radius: 8px;
	background-color: var(--mc-primary-soft);
	color: var(--mc-primary);
	font-weight: 700;
}

/* پرش از فهرست به تیتر: جا برای هدر چسبان، و اسکرول نرم (اگر کاربر حرکت کم نخواسته باشد) */
body.single-post .elementor-widget-theme-post-content h2 {
	scroll-margin-top: 104px;
}
@media (prefers-reduced-motion: no-preference) {
	html:has(body.single-post) {
		scroll-behavior: smooth;
	}
}

/* نوار پیشرفت مطالعه (ساخته‌ی اسکریپت mahancare-blog.php، فقط صفحه‌ی مقاله) */
.mc-read-progress {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10001;
	height: 3px;
	background-color: var(--mc-primary);
	transform: scaleX(0);
	transform-origin: 100% 50%;
	pointer-events: none;
}
body.admin-bar .mc-read-progress {
	top: 32px;
}
@media (max-width: 782px) {
	body.admin-bar .mc-read-progress {
		top: 46px;
	}
}

/* فهرست تیترهای بلند در ستون کناری چسبان: حداکثر نصف ارتفاع صفحه، تا کارت دعوت زیر آن در لپ‌تاپ‌های کوتاه هم دیده شود */
@media (min-width: 1025px) {
	body .mc-toc__list {
		max-height: 50vh;
		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-width: thin;
	}
}

/* ---------- پرداخت: لینک «ورود» برای مشتری قبلی (2026-10-17) ----------
   پیش‌فرض بلوک یک کلمه‌ی 13 پیکسلی (22×18) است؛ دکمه‌ی قاب‌دار 40 پیکسلی شد. */
body .wp-block-woocommerce-checkout .wc-block-checkout__login-prompt {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 16px;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.4;
	color: var(--mc-primary);
	text-decoration: none;
	background-color: var(--mc-surface);
	border: 1px solid var(--mc-primary);
	border-radius: 10px;
}
body .wp-block-woocommerce-checkout .wc-block-checkout__login-prompt:hover,
body .wp-block-woocommerce-checkout .wc-block-checkout__login-prompt:focus-visible {
	color: #FFFFFF;
	background-color: var(--mc-primary);
}
body .wp-block-woocommerce-checkout .wc-block-components-checkout-step__heading {
	align-items: center;
}
/* جمله‌ی راهنمای «اطلاعات تماس» (ویژگی description بلوک در برگه‌ی 10)؛ پیش‌فرض 13 پیکسل بود */
body .wp-block-woocommerce-checkout .wc-block-components-checkout-step__description {
	margin-bottom: 16px;
	font-size: 0.9375rem;
	line-height: 1.8;
	color: var(--mc-muted);
}

/* ---------- رمز عبور و ایمیل: همان ترتیبی که تایپ می‌شود (2026-10-17) ----------
   در راست‌به‌چپ، نویسه‌هایی مثل ! @ # . در ابتدا یا انتهای رمز لاتین جابه‌جا دیده می‌شدند.
   .password-input input برای حالت «نمایش رمز» در فرم‌های حساب کاربری است (type عوض می‌شود).
   #username (ورود) و #user_login (فراموشی رمز) type=text دارند ولی ایمیل یا نام کاربری لاتین می‌گیرند. */
body input[type="password"],
body input[type="email"],
body .password-input input,
body .wc-block-components-address-form__password input,
body.woocommerce-account .woocommerce #username,
body.woocommerce-account .woocommerce #user_login {
	direction: ltr;
	text-align: right;
}

/* ---------- ورود یا ثبت‌نام با موبایل (mu-plugin mahancare-otp-login، 2026-10-18) ----------
   بالای فرم‌های «ورود» و «عضویت» با ایمیل؛ فقط وقتی کلید کاوه‌نگار و الگو تنظیم شده باشند دیده می‌شود. */
body.woocommerce-account .mc-otp {
	max-width: 560px;
	margin: 0 auto;
	padding: 24px;
	background-color: var(--mc-surface);
	border: 1px solid var(--mc-line);
	border-radius: var(--mc-radius-lg);
}
.mc-otp__hint,
.mc-otp__sent {
	margin: 0 0 16px;
	font-size: 0.9375rem;
	line-height: 1.8;
	color: var(--mc-muted);
}
.mc-otp__sent span {
	font-weight: 700;
	color: var(--mc-ink);
}
/* بر .woocommerce form .form-row (فاصله‌ی داخلی 3 پیکسل) غلبه می‌کند تا کادر و دکمه هم‌عرض باشند */
body .mc-otp .mc-otp__form .form-row {
	margin: 0 0 12px;
	padding: 0;
}
.mc-otp__form label {
	display: block;
	margin: 0 0 6px;
	font-weight: 600;
}
body .mc-otp input.input-text {
	width: 100%;
	min-height: 48px;
	font-size: 1.0625rem;
	direction: ltr;
	text-align: right;
}
body .mc-otp input.mc-otp__code {
	text-align: center;
	letter-spacing: 0.4em;
}
body.woocommerce-account .mc-otp button.button {
	width: 100%;
}
.mc-otp__notice {
	margin: 0 0 16px;
	padding: 10px 14px;
	font-size: 0.9375rem;
	line-height: 1.8;
	color: var(--mc-ink);
	background-color: var(--mc-primary-soft);
	border-radius: var(--mc-radius-sm);
}
.mc-otp__notice--error {
	color: #8B2B24;
	background-color: #FBECEA;
}
.mc-otp__secondary {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-top: 12px;
}
.mc-otp__secondary form {
	margin: 0;
}
body .mc-otp button.mc-otp__link {
	min-height: 44px;
	padding: 0 4px;
	font-family: inherit;
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--mc-primary);
	text-decoration: underline;
	text-underline-offset: 4px;
	background: none;
	border: 0;
	border-radius: 0;
	cursor: pointer;
}
body .mc-otp button.mc-otp__link:disabled {
	color: var(--mc-muted);
	text-decoration: none;
	cursor: default;
}
.mc-otp__secondary--center {
	justify-content: center;
}
.mc-otp__optional {
	font-weight: 400;
	color: var(--mc-muted);
}
body .mc-otp .woocommerce-privacy-policy-text p {
	margin: 0 0 16px;
	font-size: 0.875rem;
	line-height: 1.8;
	color: var(--mc-muted);
}
/* «ورود با ایمیل و رمز عبور» جمع‌شده زیر کارت موبایل؛ عضویت با ایمیل وقتی موبایل روشن است برداشته می‌شود */
body.woocommerce-account .mc-otp-email {
	max-width: 560px;
	margin: 24px auto 0;
}
body.woocommerce-account .mc-otp-email > summary {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--mc-primary);
	list-style: none;
	cursor: pointer;
}
body.woocommerce-account .mc-otp-email > summary::-webkit-details-marker {
	display: none;
}
body.woocommerce-account .mc-otp-email > summary::before,
body.woocommerce-account .mc-otp-email > summary::after {
	content: "";
	flex: 1;
	height: 1px;
	background-color: var(--mc-line);
}
body.woocommerce-account .mc-otp-email > summary:focus-visible {
	outline: 2px solid var(--mc-primary);
	outline-offset: 4px;
	border-radius: 4px;
}
/* عنوان «ورود» قالب ووکامرس تکرار همان summary است */
body.woocommerce-account .mc-otp-email > h2 {
	display: none;
}
body.woocommerce-account .woocommerce .mc-otp-email form.login {
	margin: 12px 0 0;
}

/* ---------- ورود فقط با موبایل (mu-plugin mahancare-otp-login 1.3.0، 2026-10-21) ----------
   فهرست فایده‌های ایمیل در مرحله‌ی ثبت‌نام، کارت «ایمیلتان را اضافه کنید» در پیشخوان حساب، و جزئیات حساب
   (شماره‌ی ورود، بدون بخش تغییر گذرواژه). همه فقط وقتی ورود با موبایل روشن است دیده می‌شوند (کلاس mc-mobile-only). */
.mc-otp__benefits {
	margin: 0 0 16px;
	padding: 0 20px 0 0;
	list-style: disc;
	font-size: 0.9375rem;
	line-height: 1.8;
	color: var(--mc-muted);
}
.mc-otp__benefits li {
	margin: 0 0 4px;
}
.mc-otp__benefits li::marker {
	color: var(--mc-primary);
}
body.woocommerce-account .mc-otp.mc-email-nudge {
	max-width: none;
	margin: 0 0 24px;
	padding: 20px 24px;
}
.mc-email-nudge__title {
	margin: 0 0 4px;
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--mc-ink);
}
body .mc-otp .mc-email-nudge__row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 12px;
}
body .mc-otp .mc-email-nudge__row .form-row {
	flex: 1 1 260px;
	margin: 0;
}
body.woocommerce-account .mc-otp .mc-email-nudge__row button.button {
	width: auto;
	min-height: 48px;
	padding-inline: 24px;
}
.mc-email-nudge .mc-otp__secondary {
	margin-top: 4px;
}
@media (max-width: 575px) {
	body.woocommerce-account .mc-otp .mc-email-nudge__row button.button {
		width: 100%;
	}
}
.mc-account-mobile {
	margin: 0 0 20px;
	padding: 12px 16px;
	font-size: 0.9375rem;
	line-height: 1.8;
	color: var(--mc-ink);
	background-color: var(--mc-primary-soft);
	border-radius: var(--mc-radius-sm);
}
.mc-account-mobile span {
	font-weight: 700;
}
body.mc-mobile-only .woocommerce-EditAccountForm fieldset,
body.mc-mobile-only .woocommerce-EditAccountForm label[for="account_first_name"] .required,
body.mc-mobile-only .woocommerce-EditAccountForm label[for="account_last_name"] .required,
body.mc-mobile-only .woocommerce-EditAccountForm label[for="account_email"] .required {
	display: none;
}

/* ---------- مجله: منابع پایان مقاله (2026-10-19) ----------
   بلوک‌های mc-sources-note و mc-sources در متن مقاله‌های 194 تا 199 (منابع AAD).
   درخواست کاربر: «کوچک‌تر، همسان متن نباشد». عنوان «منابع» (h2 درست پیش از mc-sources-note) کوچک و کم‌رنگ است
   و یک خط نازک آن را از متن مقاله جدا می‌کند. فهرست ۱۳ پیکسل، لینک‌ها نازک و کم‌رنگ. */
body.single-post .elementor-widget-theme-post-content h2:has(+ .mc-sources-note) {
	margin: 48px 0 4px;
	padding-top: 20px;
	border-top: 1px solid var(--mc-line);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.6;
	color: var(--mc-muted);
}
body.single-post .elementor-widget-theme-post-content p.mc-sources-note {
	margin: 0 0 6px;
	font-size: 0.8125rem;
	line-height: 1.8;
	color: var(--mc-muted);
}
body.single-post .elementor-widget-theme-post-content ul.mc-sources {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.8;
	color: var(--mc-muted);
}
body.single-post .elementor-widget-theme-post-content ul.mc-sources li {
	margin: 0 0 2px;
}
body.single-post .elementor-widget-theme-post-content ul.mc-sources li::marker {
	color: var(--mc-muted);
	font-weight: 400;
}
body.single-post .elementor-widget-theme-post-content ul.mc-sources a {
	color: var(--mc-muted);
	font-weight: 400;
	text-underline-offset: 3px;
	overflow-wrap: anywhere;
}
body.single-post .elementor-widget-theme-post-content ul.mc-sources a:hover {
	color: var(--mc-primary);
}
@media (max-width: 767px) {
	body.single-post .elementor-widget-theme-post-content h2:has(+ .mc-sources-note) {
		margin-top: 40px;
	}
}

/* ---------- هدر: شمارنده‌ی سبد (2026-10-19) ----------
   عدد را mu-plugin mahancare-cart-count.php در مرورگر می‌سازد (span.mc-cart-count داخل لینک سبد هدر 58)،
   فقط وقتی سبد خالی نیست. گوشه‌ی بالای آیکون، سمت پایان (در راست‌به‌چپ: چپ). */
body .elementor-location-header .mc-cart-count {
	position: absolute;
	top: 3px;
	inset-inline-end: 1px;
	min-width: 19px;
	height: 19px;
	padding: 0 5px;
	border-radius: 999px;
	background-color: var(--mc-primary);
	color: #FFFFFF;
	font-family: var(--mc-font);
	font-size: 11px;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
	box-shadow: 0 0 0 2px #FFFFFF;
	pointer-events: none;
}

/* ---------- دعوت دوستان به آنالیز پوست (2026-10-19) ----------
   خروجی [mahancare_invite_friend] در mu-plugin mahancare-invite.php: زیر نتیجه‌ی آنالیز (برگه‌ی 87)
   و در «پروفایل پوستی من». کارت کوچک و آرام، هم‌عرض کارت نتیجه (720). */
body .mc-invite {
	box-sizing: border-box;
	width: 100%;
	max-width: 720px;
	margin: 24px auto 0;
	padding: 20px 24px;
	border: 1px solid var(--mc-line);
	border-radius: 14px;
	background-color: var(--mc-surface);
	text-align: start;
}
/* وزن بیشتر (h2 + دو کلاس) تا استایل عنوان‌های حساب کاربری و ووکامرس روی آن نیاید */
body .mc-invite h2.mc-invite__title.mc-invite__title {
	margin: 0 0 6px;
	font-family: var(--mc-font);
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.6;
	color: var(--mc-ink);
}
body .mc-invite .mc-invite__text {
	margin: 0 0 16px;
	font-size: 0.9375rem;
	line-height: 1.85;
	color: var(--mc-muted);
}
body .mc-invite .mc-invite__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
body .mc-invite .mc-invite__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin: 0;
	padding: 0 20px;
	border: 1px solid var(--mc-primary);
	border-radius: 12px;
	background-color: transparent;
	color: var(--mc-primary);
	font-family: var(--mc-font);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s, color 0.2s;
}
body .mc-invite .mc-invite__btn:hover,
body .mc-invite .mc-invite__btn:focus-visible {
	background-color: var(--mc-primary-soft);
	color: var(--mc-primary-dark);
}
body .mc-invite .mc-invite__btn--primary {
	background-color: var(--mc-primary);
	color: #FFFFFF;
}
body .mc-invite .mc-invite__btn--primary:hover,
body .mc-invite .mc-invite__btn--primary:focus-visible {
	background-color: var(--mc-primary-dark);
	color: #FFFFFF;
}
body .mc-invite .mc-invite__btn:focus-visible {
	outline: 2px solid var(--mc-primary);
	outline-offset: 2px;
}
body .mc-invite .mc-invite__status {
	margin: 10px 0 0;
	font-size: 0.875rem;
	line-height: 1.8;
	color: var(--mc-primary);
}
body .mc-invite .mc-invite__status:empty {
	display: none;
}
body .mc-invite .mc-invite__url {
	display: block;
	unicode-bidi: isolate;
	text-align: left;
	overflow-wrap: anywhere;
	user-select: all;
}
@media (max-width: 575px) {
	body .mc-invite {
		padding: 18px 16px;
	}
	body .mc-invite .mc-invite__btn {
		flex: 1 1 100%;
	}
}
/* صفحه‌ی آنالیز: کارت دعوت مثل کارت «قدم بعد» فقط بعد از نمایش نتیجه دیده شود */
body .elementor-widget-shortcode:has(.mc-invite--analysis) {
	display: none;
	width: 100%;
}
body:has(.msq-result) .elementor-widget-shortcode:has(.mc-invite--analysis) {
	display: block;
}
body .mc-invite--analysis {
	margin-top: 0;
}

/* ---------- سبد خالی: تصویر برند به‌جای صورتک غمگین (2026-10-19) ----------
   ووکامرس آیکون را با mask-image روی ::before عنوان «سبد خرید شما… خالی است» می‌سازد.
   ماسک برداشته و تصویر empty-cart-illustration.webp (رسانه‌ی 233، 480×480 شفاف) جایش گذاشته می‌شود. */
body .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
	width: 200px;
	height: 200px;
	margin: 0 auto 20px;
	background: url("https://www.mahancare.com/wp-content/uploads/2026/10/empty-cart-illustration.webp") center / contain no-repeat;
	-webkit-mask-image: none;
	mask-image: none;
}
@media (max-width: 767px) {
	body .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
		width: 160px;
		height: 160px;
		margin-bottom: 16px;
	}
}

/* ---------- صفحه‌ی اصلی: فلش و نقطه‌های کارت‌های مجله (2026-10-19) ----------
   کنترل‌ها را mu-plugin mahancare-carousel.php زیر گرید ورق‌زدنی بخش مجله (685cdbf5) می‌سازد؛ بدون حرکت خودکار.
   فقط وقتی گرید اسکرول دارد (تبلت و موبایل) دیده می‌شوند. وزن انتخابگرها بالاست تا استایل سراسری
   دکمه‌ی Elementor و reset پوسته روی <button> اثر نگذارد. */
body .mc-carousel-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 16px;
}
body .mc-carousel-nav[hidden] {
	display: none;
}
body .mc-carousel-nav button.mc-carousel-nav__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 1px solid var(--mc-line);
	border-radius: 50%;
	background-color: #FFFFFF;
	color: var(--mc-primary);
	box-shadow: none;
	cursor: pointer;
	transition: background-color 0.2s, border-color 0.2s, opacity 0.2s;
}
body .mc-carousel-nav button.mc-carousel-nav__arrow:hover,
body .mc-carousel-nav button.mc-carousel-nav__arrow:focus-visible {
	border-color: var(--mc-primary);
	background-color: var(--mc-primary-soft);
	color: var(--mc-primary-dark);
}
body .mc-carousel-nav button.mc-carousel-nav__arrow:disabled {
	opacity: 0.35;
	cursor: default;
	border-color: var(--mc-line);
	background-color: #FFFFFF;
	color: var(--mc-primary);
}
body .mc-carousel-nav .mc-carousel-nav__dots {
	display: flex;
	align-items: center;
}
body .mc-carousel-nav button.mc-carousel-nav__dot {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background-color: transparent;
	box-shadow: none;
	cursor: pointer;
}
body .mc-carousel-nav button.mc-carousel-nav__dot::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background-color: #B9C6C4;
	transition: width 0.2s, background-color 0.2s;
}
body .mc-carousel-nav button.mc-carousel-nav__dot[aria-current="true"]::before {
	width: 20px;
	background-color: var(--mc-primary);
}
body .mc-carousel-nav button.mc-carousel-nav__arrow:focus-visible,
body .mc-carousel-nav button.mc-carousel-nav__dot:focus-visible {
	outline: 2px solid var(--mc-primary);
	outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
	body .mc-carousel-nav button.mc-carousel-nav__dot::before {
		transition: none;
	}
}

/* ---------- پروفایل پوستی: مقاله‌های مناسب پوست شما (2026-10-19) ----------
   خروجی mahancare_blog_profile_articles_html() در mu-plugin mahancare-blog.php (Spec ۱۱.۴).
   هم‌عرض کارت نتیجه (720). ستون محتوای حساب کاربری در تبلت و موبایل باریک است،
   پس پیش‌فرض فهرست افقی (عکس کوچک کنار متن) است و وقتی خود بخش دست‌کم 680 پیکسل
   جا دارد (container query، یعنی فقط دسکتاپ) سه کارت عمودی کنار هم می‌آیند.
   در تبلت (600) سه ستون 189 پیکسلی تیتر را چهارخطی می‌کرد، پس آنجا هم فهرست افقی با عکس بزرگ‌تر است. */
body .mc-skin-articles {
	box-sizing: border-box;
	width: 100%;
	max-width: 720px;
	margin: 32px auto 0;
	container-type: inline-size;
}
body .mc-skin-articles h2.mc-skin-articles__title.mc-skin-articles__title {
	margin: 0 0 6px;
	font-family: var(--mc-font);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.6;
	color: var(--mc-ink);
}
body .mc-skin-articles .mc-skin-articles__text {
	margin: 0 0 16px;
	font-size: 0.9375rem;
	line-height: 1.85;
	color: var(--mc-muted);
}
body .mc-skin-articles .mc-skin-articles__list {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
body .mc-skin-articles .mc-skin-article {
	margin: 0;
	padding: 0;
}
body .mc-skin-articles a.mc-skin-article__link {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	height: 100%;
	padding: 10px;
	overflow: hidden;
	color: var(--mc-ink);
	text-decoration: none;
	background-color: var(--mc-surface);
	border: 1px solid var(--mc-line);
	border-radius: 14px;
	transition: border-color 0.2s, box-shadow 0.2s;
}
body .mc-skin-articles a.mc-skin-article__link:hover,
body .mc-skin-articles a.mc-skin-article__link:focus-visible {
	color: var(--mc-ink);
	border-color: var(--mc-primary);
	box-shadow: 0 6px 18px rgba(23, 35, 38, 0.07);
}
body .mc-skin-articles a.mc-skin-article__link:focus-visible {
	outline: 2px solid var(--mc-primary);
	outline-offset: 2px;
}
body .mc-skin-articles .mc-skin-article__media {
	display: block;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background-color: var(--mc-primary-soft);
	border-radius: 10px;
}
body .mc-skin-articles img.mc-skin-article__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
}
body .mc-skin-articles .mc-skin-article__body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}
body .mc-skin-articles .mc-skin-article__topic {
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.6;
	color: var(--mc-primary);
}
body .mc-skin-articles h3.mc-skin-article__title.mc-skin-article__title {
	margin: 0;
	font-family: var(--mc-font);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.75;
	color: var(--mc-ink);
}
body .mc-skin-articles a.mc-skin-article__link:hover h3.mc-skin-article__title {
	color: var(--mc-primary);
}
body .mc-skin-articles .mc-skin-article__meta {
	font-size: 0.8125rem;
	line-height: 1.6;
	color: var(--mc-muted);
}
body .mc-skin-articles .mc-skin-articles__more {
	margin: 8px 0 0;
}
body .mc-skin-articles .mc-skin-articles__more a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--mc-primary);
	text-decoration: none;
}
body .mc-skin-articles .mc-skin-articles__more a:hover,
body .mc-skin-articles .mc-skin-articles__more a:focus-visible {
	color: var(--mc-primary-dark);
	text-decoration: underline;
}
@container (min-width: 480px) {
	body .mc-skin-articles a.mc-skin-article__link {
		grid-template-columns: 168px minmax(0, 1fr);
		gap: 16px;
	}
	body .mc-skin-articles h3.mc-skin-article__title.mc-skin-article__title {
		font-size: 1rem;
	}
}
@container (min-width: 680px) {
	body .mc-skin-articles .mc-skin-articles__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px;
	}
	body .mc-skin-articles a.mc-skin-article__link {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto 1fr;
		align-items: start;
		gap: 12px;
		padding: 0 0 14px;
	}
	body .mc-skin-articles .mc-skin-article__media {
		border-radius: 0;
	}
	body .mc-skin-articles h3.mc-skin-article__title.mc-skin-article__title {
		font-size: 0.9375rem;
	}
	body .mc-skin-articles .mc-skin-article__body {
		height: 100%;
		padding: 0 14px;
	}
	body .mc-skin-articles .mc-skin-article__meta {
		margin-top: auto;
	}
}

/* ---------- فروشگاه: امتیاز شخصی روی کارت‌ها (2026-10-20) ----------
   خروجی [mahancare_card_score] و [mahancare_shop_score_note] (mu-plugin mahancare-product-cache.php)
   در ویجت‌های V3 «کد کوتاه» قالب فروشگاه 121. پاراگراف V4 همه‌ی ویژگی‌های span (کلاس، role، aria-label)
   را حذف می‌کرد، برای همین ویجت V3 است. برای مهمان بی‌پروفایل خروجی خالی است و ویجت پنهان می‌شود.
   رنگ ستاره‌ها با صفحه‌ی محصول و روتین یکی شد: روشن = --mc-accent (کنتراست بیش از 3:1)، خاموش = --mc-line. */
body .elementor-widget.mc-card-score-widget,
body .elementor-widget.mc-shop-score-note-widget {
	width: 100%;
	margin: 0 !important;
}
body .mc-card-score-widget:has(.elementor-shortcode:empty),
body .mc-shop-score-note-widget:has(.elementor-shortcode:empty) {
	display: none;
}
body .mc-card-score {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	font-size: 0.9375rem;
	line-height: 1.4;
}
body .mc-card-score__star,
body .srf-stars__item {
	color: var(--mc-line);
}
body .mc-card-score__star.is-on,
body .srf-stars__item.is-on {
	color: var(--mc-accent);
}
body .mc-card-score--out {
	display: block;
	font-size: 0.8125rem;
	line-height: 1.6;
	color: var(--mc-muted);
}
body .mc-shop-score-note {
	display: block;
	margin: 0 0 16px;
	font-size: 0.875rem;
	line-height: 1.8;
	color: var(--mc-muted);
}
body .mc-shop-score-note__star {
	color: var(--mc-accent);
}
@media (max-width: 767px) {
	body .mc-card-score {
		font-size: 0.875rem;
	}
	body .mc-card-score--out {
		font-size: 0.75rem;
	}
	body .mc-shop-score-note {
		margin-bottom: 12px;
		font-size: 0.8125rem;
	}
}

/* ---------- بررسی پیش از راه‌اندازی: هدف‌های لمسی (2026-10-20) ----------
   دکمه‌ی «نمایش رمز عبور» ووکامرس 22×22 بود (کمتر از حداقل 24 پیکسل WCAG 2.5.8) و لینک‌های تماس فوتر
   25 پیکسل ارتفاع داشتند. آیکون همان است و فقط ناحیه‌ی لمس بزرگ‌تر می‌شود. */
body.woocommerce-account form .password-input button.show-password-input {
	top: 50%;
	left: 4px;
	right: auto;
	width: 38px;
	height: 38px;
	margin: 0;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
body.woocommerce-account form .password-input input {
	padding-left: 46px;
}
/* لینک‌های تماس فوتر (2026-10-20، درخواست کاربر): فاصله‌ی دیداری ردیف‌ها مثل «راهنمای خرید» (ردیف 25 + فاصله‌ی 12)،
   ولی جای لمس هر ردیف 37 پیکسل: padding بالا و پایین با margin منفی هم‌اندازه، که جای ردیف را بزرگ نمی‌کند. */
body .elementor-location-footer a.e-con[href^="mailto:"],
body .elementor-location-footer a.e-con[href^="tel:"],
body .elementor-location-footer a.e-con[href*="instagram.com"] {
	min-height: 0;
	padding-block: 6px;
	margin-block: -6px;
	align-items: center;
}
/* تبلت و موبایل (2026-10-20، درخواست کاربر «فاصله‌ها یکی هست ولی میشه کمتر بشه»): ردیف 20 پیکسل + فاصله‌ی 10
   (فاصله‌ی ستون در فوتر 59) = خط‌ها 30 پیکسل از هم. جای لمس هر ردیف هم 30 پیکسل است. دسکتاپ همان 37 می‌ماند. */
@media (max-width: 1024px) {
	body .elementor-location-footer a.e-con[href^="mailto:"],
	body .elementor-location-footer a.e-con[href^="tel:"],
	body .elementor-location-footer a.e-con[href*="instagram.com"] {
		padding-block: 5px;
		margin-block: -5px;
	}
	body .elementor-location-footer a.e-con[href^="mailto:"] .e-paragraph-base,
	body .elementor-location-footer a.e-con[href^="tel:"] .e-paragraph-base,
	body .elementor-location-footer a.e-con[href*="instagram.com"] .e-paragraph-base {
		line-height: 1.4;
	}
}
/* تبلت: ستون «راهنمای خرید» هم‌تراز ستون تماس (فوتر 59: فاصله‌ی 10 و ارتفاع خط 20). فاصله‌ی داخلی عمودی روی لینک درون‌خطی
   فقط جای لمس را به 30 پیکسل می‌رساند و چیدمان را تغییر نمی‌دهد. موبایل (ردیف افقی) دست نمی‌خورد. */
@media (min-width: 768px) and (max-width: 1024px) {
	body .elementor-location-footer nav.e-con a.e-paragraph-link-base {
		padding-block: 5px;
	}
}

/* ---------- صفحه‌ی آنالیز: جای خالی پرسشنامه تا رسیدن JavaScript (2026-10-20) ----------
   کارت شروع پرسشنامه را JavaScript می‌سازد (حدود 222 تا 226 پیکسل). تا آن موقع جای خالی نگه داشته می‌شود
   تا فوتر و کارت «قدم بعد» جابه‌جا نشوند (CLS صفحه‌ی آنالیز). */
body .msq-root .msq-stage:empty {
	min-height: 224px;
}

/* ---------- پرداخت بلوکی: تیک‌ها و تیک رضایت یادآوری (2026-10-20) ----------
   قاب عمومی فیلدهای فرم (گوشه‌ی 10 و رنگ --mc-line) تیک‌ها را دایره‌ی کم‌رنگ می‌کرد (کنتراست قاب حدود 1.3:1).
   تیک‌ها مربع با قاب --mc-muted می‌شوند و در حالت انتخاب سبزآبی با علامت سفید. */
body .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
	border-radius: 4px;
	border: 1.5px solid var(--mc-muted);
	min-width: 20px;
	background-color: #fff;
}
body .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
	background-color: var(--mc-primary);
	border-color: var(--mc-primary);
}
body .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked + .wc-block-components-checkbox__mark {
	fill: #fff;
}
body .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--mc-primary);
	outline-offset: 2px;
}
/* تیک «یادآوری خرید» (افزونه‌ی mahancare-reminders) بعد از رمز عبور بیاید، نه بین ایمیل و رمز. */
body .wc-block-checkout__contact-fields .wc-block-components-address-form {
	display: flex;
	flex-direction: column;
}
body .wc-block-checkout__contact-fields .wc-block-components-address-form__mahancare-reminder-optin {
	order: 2;
	margin-top: 16px; /* در موبایل فاصله‌ی پیش‌فرض صفر بود و به فیلد رمز می‌چسبید */
}
body .wc-block-components-address-form__mahancare-reminder-optin .wc-block-components-checkbox__label {
	font-size: 14px;
	line-height: 1.8;
	color: var(--mc-muted);
}

/* ---------- فروشگاه: کارت محصول، قیمت، تخفیف و دکمه‌ی سبد (2026-10-21) ----------
   mu-plugin mahancare-shop-cards.php. کارت فروشگاه (قالب 121) دیگر <a> نیست؛ پیوند عنوان (.mc-card-link) با ::after
   روی کل کارت کشیده می‌شود و دکمه‌ی «افزودن به سبد خرید» بالای آن (z-index 2) می‌نشیند. کارت مرتبط صفحه‌ی محصول
   (قالب 126) هنوز <a> است و فقط قیمت و نشان تخفیف تازه را دارد.
   نشان تخفیف آرام است، نه قرمز (قانون ۱۰): روی عکس برنزی روی سفید (کنتراست 5.1)، کنار قیمت برنزی تیره روی برنزی روشن (5.4). */
body .elementor-widget.mc-card-title-widget,
body .elementor-widget.mc-price-widget,
body .elementor-widget.mc-atc-widget {
	width: 100%;
	margin: 0 !important;
}
body .mc-card:has(> .mc-card-title-widget) {
	position: relative;
}
/* Elementor به هر ویجت position: relative می‌دهد؛ آن‌وقت ::after پیوند فقط روی خود عنوان کشیده می‌شد، نه کل کارت (عکس هم). */
body .mc-card > .elementor-widget.mc-card-title-widget,
body .mc-card-title-widget .elementor-widget-container,
body .mc-card-title-widget .elementor-shortcode {
	position: static !important;
}
body .mc-card-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 0;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.6;
	color: var(--mc-ink);
}
body .mc-card-link,
body .mc-card-link:hover,
body .mc-card-link:visited {
	color: inherit;
	text-decoration: none;
}
body .mc-card-link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
}
body .mc-card:has(> .mc-card-title-widget):hover .mc-card-title,
body .mc-card-link:focus-visible {
	color: var(--mc-primary);
}
body .mc-card-link:focus-visible {
	outline: none;
}
body .mc-card-link:focus-visible::after {
	outline: 2px solid var(--mc-primary);
	outline-offset: 2px;
}
/* لمس کارت: بازخورد فوری تا صفحه‌ی محصول برسد */
body .mc-card:has(.mc-card-link:active) {
	opacity: 0.86;
}

/* نشان درصد تخفیف روی عکس */
body .e-div-block-base:has(> .mc-sale-badge-widget) {
	position: relative;
}
body .elementor-widget.mc-sale-badge-widget {
	position: absolute;
	top: 8px;
	inset-inline-start: 8px;
	width: auto;
	margin: 0 !important;
	pointer-events: none;
}
body .mc-sale-badge-widget:has(.elementor-shortcode:empty) {
	display: none;
}
body .mc-sale-badge {
	display: inline-flex;
	align-items: center;
	padding: 2px 10px;
	border: 1px solid #E9D9C8;
	border-radius: 999px;
	background-color: #FFFFFF;
	box-shadow: 0 1px 2px rgba(23, 35, 38, 0.08);
	color: var(--mc-accent);
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.7;
	white-space: nowrap;
}
body .mc-sale-badge--inline {
	border-color: transparent;
	background-color: #F7EFE7;
	box-shadow: none;
	color: #8A5528;
}

/* قیمت: در کارت قیمت قبلی (خط‌خورده، بدون واحد) بالای قیمت فعلی؛ پایین کارت می‌نشیند */
body .elementor-widget.mc-price-widget {
	margin-top: auto !important;
}
body .mc-price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1.5;
}
body .mc-price__now {
	font-size: 1rem;
	font-weight: 700;
	color: var(--mc-ink);
}
body .mc-price__was {
	font-size: 0.8125rem;
	font-weight: 400;
	color: var(--mc-muted);
	text-decoration: line-through;
	text-decoration-thickness: 1px;
}
body .mc-price .woocommerce-Price-amount bdi {
	white-space: nowrap;
}
/* اگر در یک فهرست دست‌کم یک محصول تخفیف دارد، جای خط قیمت قبلی در بقیه‌ی کارت‌ها هم نگه داشته می‌شود
   تا قیمت فعلی و دکمه‌ی همه‌ی کارت‌های هم‌ردیف هم‌تراز باشند. */
body .e-collection-loop-layout-base:has(.mc-price.is-sale) .mc-price--card:not(.is-sale)::before {
	content: "";
	display: block;
	height: calc(0.8125rem * 1.5);
}
/* صفحه‌ی محصول */
body .mc-price--product {
	gap: 4px;
}
body .mc-price--product .mc-price__now {
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.4;
}
body .mc-price__was-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
}
body .mc-price--product .mc-price__was {
	font-size: 0.9375rem;
}

/* دکمه‌ی «افزودن به سبد خرید» کارت */
body .elementor-widget.mc-atc-widget {
	position: relative;
	z-index: 2;
	margin-top: 4px !important;
}
body .mc-atc-wrap .button.mc-atc {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 8px 12px;
	border: 1px solid var(--mc-primary);
	border-radius: var(--mc-radius-sm);
	background-color: var(--mc-primary);
	box-shadow: none;
	color: #FFFFFF;
	font-family: inherit;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s, border-color 0.2s, opacity 0.2s;
}
body .mc-atc-wrap .button.mc-atc:hover,
body .mc-atc-wrap .button.mc-atc:focus-visible {
	border-color: var(--mc-primary-dark);
	background-color: var(--mc-primary-dark);
	color: #FFFFFF;
}
body .mc-atc-wrap .button.mc-atc:focus-visible {
	outline: 2px solid var(--mc-primary);
	outline-offset: 2px;
}
body .mc-atc-wrap .button.mc-atc.loading {
	opacity: 0.7;
	cursor: progress;
}
body .mc-atc-wrap .button.mc-atc::after,
body .mc-atc-wrap .added_to_cart {
	display: none !important;
}
/* ناموجود یا محصول متغیر: پیوند «بیشتر بخوانید» یا «انتخاب گزینه‌ها» ووکامرس، دورخط‌دار */
body .mc-atc-wrap .button.mc-atc:not(.add_to_cart_button) {
	background-color: #FFFFFF;
	color: var(--mc-primary);
}
body .mc-atc-wrap .button.mc-atc:not(.add_to_cart_button):hover {
	background-color: var(--mc-primary-soft);
	color: var(--mc-primary-dark);
}

/* سبد خالی، «تازه در فروشگاه» (بلوک ووکامرس): نشان درصدی روی عکس و قیمت مثل کارت فروشگاه */
body .wp-block-woocommerce-empty-cart-block .wc-block-grid .wc-block-grid__product {
	position: relative;
}
body .wp-block-woocommerce-empty-cart-block .mc-sale-badge--block {
	position: absolute;
	top: 20px;
	inset-inline-start: 20px;
	z-index: 1;
}
body .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1.5;
}
body .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price del {
	order: -1;
	font-size: 0.8125rem;
	font-weight: 400;
	color: var(--mc-muted);
}
body .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price ins {
	text-decoration: none;
}
body .wp-block-woocommerce-empty-cart-block .wc-block-grid__products:has(del) .wc-block-grid__product-price:not(:has(del))::before {
	content: "";
	display: block;
	height: calc(0.8125rem * 1.5);
}

@media (max-width: 767px) {
	body .mc-card-title {
		font-size: 0.9375rem;
	}
	body .elementor-widget.mc-sale-badge-widget {
		top: 6px;
		inset-inline-start: 6px;
	}
	body .mc-sale-badge {
		padding: 1px 8px;
		font-size: 0.75rem;
	}
	body .mc-price__now {
		font-size: 0.9375rem;
	}
	body .mc-price__was {
		font-size: 0.75rem;
	}
	body .e-collection-loop-layout-base:has(.mc-price.is-sale) .mc-price--card:not(.is-sale)::before {
		height: calc(0.75rem * 1.5);
	}
	body .mc-price--product .mc-price__now {
		font-size: 1.25rem;
	}
	body .mc-atc-wrap .button.mc-atc {
		padding: 8px 6px;
		font-size: 0.875rem;
	}
	body .wp-block-woocommerce-empty-cart-block .mc-sale-badge--block {
		top: 18px;
		inset-inline-start: 18px;
	}
}

/* ---------- نوار «در حال باز شدن» بالای صفحه (mu-plugin mahancare-nav-speed.php، 2026-10-21) ----------
   از لحظه‌ی کلیک یا لمس پیوند تا رسیدن صفحه‌ی بعد. از راست (شروع، راست‌به‌چپ) پر می‌شود. */
body .mc-nav-progress {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 100000;
	height: 3px;
	background-color: var(--mc-primary);
	opacity: 0;
	pointer-events: none;
	transform: scaleX(0);
	transform-origin: 100% 50%;
}
body.admin-bar .mc-nav-progress {
	top: 32px;
}
body .mc-nav-progress.is-active {
	opacity: 1;
	transform: scaleX(0.9);
	transition: opacity 0.15s linear, transform 6s cubic-bezier(0.08, 0.82, 0.17, 1);
}
@media (max-width: 782px) {
	body.admin-bar .mc-nav-progress {
		top: 46px;
	}
}
@media (prefers-reduced-motion: reduce) {
	body .mc-nav-progress.is-active {
		transform: scaleX(0.6);
		transition: opacity 0.15s linear;
	}
}/* End custom CSS */