/* ============================================================
   الف) کیت المنتور را به سیستم طراحی قالب قفل می‌کند
   المنتور تایپوگرافی سراسری خودش (Roboto) را با متغیرهای
   --e-global-typography-* روی .elementor-kit-N ست می‌کند و بعد از CSS ما لود می‌شود.
   با بازتعریف همان متغیرها روی html body[class*=elementor-kit-] (اختصاصی‌تر)
   همه‌ی ویجت‌ها فونت و رنگ قالب را می‌گیرند — بدون !important.
   ============================================================ */
html body[class*="elementor-kit-"] {
	--e-global-typography-primary-font-family: 'IRANYekanX';
	--e-global-typography-secondary-font-family: 'IRANYekanX';
	--e-global-typography-text-font-family: 'IRANYekanX';
	--e-global-typography-accent-font-family: 'IRANYekanX';
	/*
	 * وزن ۷۰۰ حیاتی است، تزئینی نیست: متن سفید روی نارنجی ۳.۳۷:۱ است.
	 * WCAG فقط برای «متن بزرگ» (≥۱۸.۶۶px و bold) حد ۳:۱ را می‌پذیرد؛
	 * با وزن ۵۰۰ی پیش‌فرض کیت، دکمه به متن معمولی تبدیل و AA رد می‌شد.
	 */
	--e-global-typography-accent-font-weight: 700;
	--e-global-color-primary: #0F172A;
	--e-global-color-secondary: #151B2B;
	--e-global-color-text: #475569;
	--e-global-color-accent: #F15A29;
}

/* پشتیبان: اگر کیت با شناسه‌ی دیگری هم فونت را ست کرد، تیترها باز هم فونت قالب را بگیرند */
body .elementor-widget-heading .elementor-heading-title,
body .elementor-widget-text-editor,
body .elementor-widget-icon-box .elementor-icon-box-title,
body .elementor-widget-icon-list .elementor-icon-list-text,
body .elementor-widget-button .elementor-button,
body .elementor-widget-counter .elementor-counter-number-wrapper,
body .elementor-widget-counter .elementor-counter-title,
body .elementor-accordion .elementor-tab-title,
body .elementor-tabs .elementor-tab-title {
	font-family: 'IRANYekanX', Tahoma, sans-serif;
}

/* ============================================================
   لایه‌ی سازگاری با المنتور
   صفحاتی که با المنتور ساخته می‌شوند ساختار HTML متفاوتی دارند
   (.elementor-section > .elementor-container > .elementor-column …)
   همه‌ی کلاس‌های این بخش پیشوند el- دارند تا با قواعد ساختاری قالب
   (مثل .btn یا .card که روی خودِ عنصر اثر می‌گذارند) تلاقی نکنند —
   بدون این پیشوند، رَپر ویجت المنتور خودش نارنجی/کارت می‌شد.
   این فایل جدا enqueue می‌شود (assets/css/elementor.css) — نسخه‌ی درون style.css حذف شد تا دو منبع نداشته باشیم.
   ============================================================ */

/* ردیف‌های ادامه‌ی یک سکشن منطقی: پدینگ بالا حذف شود */
.sec--tight {
	padding-block-start: 0;
}

.elementor-section.sec--light {
	background: var(--slate-50);
}

.elementor-section.sec--navy {
	background: var(--navy);
}

.elementor-section.sec--navy .elementor-heading-title,
.elementor-section.sec--navy .elementor-counter-number-wrapper,
.elementor-section.sec--navy .elementor-counter-title,
.elementor-section.sec--navy .elementor-widget-text-editor {
	color: var(--white);
}

/* ---- هیرو ---- */
.elementor-section.el-hero {
	padding-block: calc(var(--sec-y) + 16px) var(--sec-y);
	border-bottom: 1px solid var(--slate-200);
}

.elementor-section.el-hero .elementor-container {
	align-items: center;
}

.elementor-section.el-hero--center {
	text-align: center;
}

.elementor-section.el-hero--center .elementor-widget-wrap {
	justify-content: center;
}

.elementor-section.el-hero--dark {
	background: linear-gradient(135deg, var(--navy) 0%, var(--navy-800) 100%);
	border-bottom: 0;
}

.elementor-section.el-hero--dark .elementor-heading-title {
	color: var(--white);
}

.elementor-section.el-hero--dark .elementor-widget-text-editor {
	color: rgba(255, 255, 255, .8);
}

/* ---- تایپوگرافی ---- */
.elementor-widget-heading .elementor-heading-title {
	color: var(--ink);
	line-height: 1.34;
}

.elementor-widget-heading h1.elementor-heading-title {
	font-size: clamp(34px, 5.6vw, 60px);
	font-weight: 700;
	line-height: 1.28;
}

.elementor-widget-heading h2.elementor-heading-title {
	font-size: clamp(27px, 3.6vw, 40px);
	font-weight: 700;
}

.elementor-widget-heading h3.elementor-heading-title {
	font-size: 22px;
	font-weight: 600;
}

.elementor-widget-text-editor.el-lead {
	font-size: 19px;
}

.elementor-widget-heading.el-kicker .elementor-heading-title {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .4px;
	color: var(--brand-text);
}

.elementor-widget-heading.el-kicker .elementor-heading-title::after {
	content: '';
	height: 1px;
	flex: 1;
	max-width: 72px;
	background: var(--slate-200);
}

.el-hero--center .elementor-widget-heading.el-kicker .elementor-heading-title {
	justify-content: center;
}

.elementor-widget-heading.el-eyebrow .elementor-heading-title {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 600;
	color: var(--brand-text);
}

.elementor-widget-heading.el-eyebrow .elementor-heading-title::before {
	content: '';
	width: 28px;
	height: 2px;
	background: currentColor;
}

.elementor-widget-heading.el-quote .elementor-heading-title {
	font-size: clamp(22px, 3vw, 32px);
	line-height: 1.7;
	color: var(--white);
	max-width: 820px;
	margin-inline: auto;
	text-align: center;
}

/* ---- دکمه ---- */
/*
 * پیشوند body لازم است: کیت المنتور در post-N.css دقیقا همین سلکتور را دارد
 * (font-weight: var(--e-global-typography-accent-font-weight)) و بعد از این فایل لود می‌شود،
 * پس با تساوی اختصاصیت، ترتیب لود برنده می‌شد و وزن روی ۵۰۰ می‌ماند.
 */
body .elementor-widget-button .elementor-button {
	display: inline-flex;
	align-items: center;
	width: auto;
	min-height: 48px;
	border-radius: var(--r-btn);
	font-size: 19px;
	font-weight: 700;
	padding: 13px 28px;
	transition: background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.elementor-widget-button.el-btn--primary .elementor-button {
	background: var(--brand);
	color: var(--white);
	border: 0;
}

.elementor-widget-button.el-btn--primary .elementor-button:hover {
	background: var(--brand-hover);
	color: var(--white);
}

.elementor-widget-button.el-btn--ghost .elementor-button {
	background: transparent;
	border: 1px solid var(--slate-200);
	color: var(--navy);
}

.elementor-widget-button.el-btn--ghost .elementor-button:hover {
	border-color: var(--brand);
	color: var(--brand-text);
}

/* ---- کارت (ویجت icon-box) ---- */
.elementor-widget-icon-box.el-card {
	background: var(--white);
	border: 1px solid var(--card-line);
	border-radius: var(--r);
	padding: var(--s4);
	transition: transform var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}

.elementor-widget-icon-box.el-card:hover {
	transform: translateY(-6px);
	border-color: var(--navy);
	box-shadow: var(--shadow);
}

.elementor-widget-icon-box.el-card .elementor-icon-box-title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 8px;
	color: var(--navy);
}

.elementor-widget-icon-box.el-card .elementor-icon-box-title a {
	color: var(--navy);
}

.elementor-widget-icon-box.el-card .elementor-icon-box-description {
	color: var(--body);
	font-size: 16px;
	margin: 0;
}

.elementor-widget-icon-box.el-card .elementor-icon {
	color: var(--navy);
	font-size: 30px;
	transition: color var(--dur) var(--ease);
}

.elementor-widget-icon-box.el-card:hover .elementor-icon {
	color: var(--brand);
}

/* ---- لیست مزایا ---- */
.elementor-widget-icon-list.el-benefits .elementor-icon-list-items {
	display: grid;
	gap: var(--s2);
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.elementor-widget-icon-list.el-benefits .elementor-icon-list-item {
	background: var(--white);
	border: 1px solid var(--slate-200);
	border-radius: var(--r);
	padding: var(--s3);
	align-items: flex-start;
	gap: 12px;
}

.elementor-widget-icon-list.el-benefits .elementor-icon-list-text {
	color: var(--navy);
	font-weight: 500;
	line-height: 1.7;
}

.elementor-widget-icon-list.el-benefits .elementor-icon-list-icon i {
	color: #0E9B78;
}

/* ---- جدول پکیج ---- */
.elementor-widget-icon-list.el-tier .elementor-icon-list-items {
	background: var(--white);
	border: 1px solid var(--slate-200);
	border-radius: var(--r);
	padding: var(--s3);
}

.elementor-widget-icon-list.el-tier--hl .elementor-icon-list-items {
	border: 2px solid var(--brand);
}

.elementor-widget-icon-list.el-tier .elementor-icon-list-item {
	padding-block: 10px;
	border-block-end: 1px solid var(--slate-200);
	color: var(--navy);
}

.elementor-widget-icon-list.el-tier .elementor-icon-list-item:last-child {
	border-block-end: 0;
}

/* ---- گام فرایند ---- */
.elementor-section.el-step .elementor-container {
	background: var(--white);
	border: 1px solid var(--slate-200);
	border-radius: var(--r);
	padding: var(--s3);
}

.elementor-section.el-step + .elementor-section.el-step {
	padding-block-start: var(--s2);
}

/* ---- شمارنده ---- */
.elementor-widget-counter .elementor-counter-number-wrapper {
	font-size: clamp(34px, 5vw, 50px);
	font-weight: 700;
	color: var(--navy);
	font-variant-numeric: tabular-nums;
	line-height: 1.3;
}

.elementor-widget-counter .elementor-counter-title {
	font-size: 16px;
	font-weight: 400;
	color: var(--body);
	margin-top: 6px;
}

/* ---- نظر مشتری و حباب گفتگو ---- */
.elementor-widget-text-editor.el-tm {
	background: var(--white);
	border: 1px solid var(--slate-200);
	border-radius: var(--r);
	padding: var(--s4) var(--s3) var(--s3);
}

.elementor-widget-text-editor.el-bubble {
	max-width: 82%;
	padding: 14px 18px;
	border-radius: 18px;
}

.elementor-widget-text-editor.el-bubble p {
	margin: 0;
}

.elementor-widget-text-editor.el-bubble--q {
	background: var(--slate-50);
	border: 1px solid var(--slate-200);
	color: var(--navy);
}

.elementor-widget-text-editor.el-bubble--a {
	background: var(--brand);
	color: var(--white);
	margin-inline-start: auto;
}

/* ---- نوار CTA ---- */
.elementor-section.el-cta {
	text-align: center;
}

.elementor-section.el-cta .elementor-widget-wrap {
	justify-content: center;
}

/* ---- تصویر، آکاردئون، تب ---- */
.elementor-widget-image img {
	border-radius: var(--r);
}

.elementor-accordion .elementor-tab-title {
	font-weight: 500;
	color: var(--navy);
}

.elementor-accordion .elementor-tab-title.elementor-active,
.elementor-tabs .elementor-tab-title.elementor-active {
	color: var(--brand-text);
}

/* دو دکمه‌ی هیرو در بخش داخلی: بدون پدینگ سکشن، فاصله‌ی معمول دکمه‌ها */
.elementor-section.el-btns {
	padding: 0;
	margin-top: var(--s4);
	width: 100%;
}

.elementor-section.el-btns .elementor-container {
	padding-inline: 0;
	max-width: none;
	gap: var(--s2);
}

.elementor-section.el-btns .elementor-widget:not(:last-child) {
	margin-bottom: 0;
}

/* ---------- حرکت روی ساختار المنتور ---------- */
/* تصاویر ویجت image هم مثل قالب با پرده باز شوند */
.elementor-widget-image img {
	clip-path: inset(0 0 0 100%);
	transition: clip-path .9s var(--ease);
}

.elementor-widget-image.in-view img,
.elementor-widget-image.is-ready img,
.is-reduced .elementor-widget-image img {
	clip-path: inset(0 0 0 0);
}

/* کارت المنتور: آیکون هنگام هاور کمی جلو می‌آید */
.elementor-widget-icon-box.el-card .elementor-icon {
	transition: color var(--dur) var(--ease), transform var(--dur) var(--ease);
}

.elementor-widget-icon-box.el-card:hover .elementor-icon {
	transform: translateY(-2px);
}

/* درخشش عبوری روی دکمه‌ی نارنجی المنتور */
.elementor-widget-button.el-btn--primary .elementor-button {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.elementor-widget-button.el-btn--primary .elementor-button::after {
	content: '';
	position: absolute;
	inset-block: 0;
	inset-inline-start: -60%;
	width: 45%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .45), transparent);
	transform: skewX(-18deg);
	transition: inset-inline-start .6s var(--ease);
	z-index: -1;
}

.elementor-widget-button.el-btn--primary .elementor-button:hover::after {
	inset-inline-start: 120%;
}

.no-js .elementor-widget-image img {
	clip-path: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.elementor-widget-image img {
		clip-path: none !important;
		transition: none !important;
	}
}

/* هدف لمسی کارت المنتور: لینک عنوان و آیکون هرکدام حداقل ۴۴px */
.elementor-widget-icon-box.el-card .elementor-icon-box-title a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

.elementor-widget-icon-box.el-card .elementor-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
}

/* هیرو صفحات المنتور: ارتفاع و پس‌زمینه‌ی مطابق مرجع */
.elementor-section.el-hero {
	padding-block: var(--hero-y);
}

.elementor-section.el-hero--dark {
	background: var(--navy);
}

.elementor-section.el-hero--dark .elementor-heading-title,
.elementor-section.sec--navy .elementor-heading-title {
	color: var(--white);
}

.elementor-section.el-hero--dark .elementor-widget-text-editor,
.elementor-section.sec--navy .elementor-widget-text-editor {
	color: rgba(255, 255, 255, .78);
}