@charset "UTF-8";
/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ═══════════════════════════════════════════════════════════════════════════
	 DESIGN TOKENS
	 ═══════════════════════════════════════════════════════════════════════════ */

:root {
	/* ─── Base Unit ─── */
	--unit: 0.25rem; /* 4px */

	/* ─── Breakpoints ─── */
	--bp-mobile: 767px;
	--bp-tablet: 768px;
	--bp-laptop: 1024px;
	--bp-desktop: 1360px;

	/* ─── Spacing Scale (8pt grid) ─── */
	--space-xs: calc(var(--unit) * 1); /*  4px */
	--space-sm: calc(var(--unit) * 2); /*  8px */
	--space-md: calc(var(--unit) * 4); /* 16px */
	--space-lg: calc(var(--unit) * 6); /* 24px */
	--space-xl: calc(var(--unit) * 8); /* 32px */
	--space-2xl: calc(var(--unit) * 12); /* 48px */
	--space-3xl: calc(var(--unit) * 16); /* 64px */

	/* ─── Typography Fluid ─── */
	/* H1: 48px / 40px / 32px */
	--text-h1: clamp(32px, 2rem + 0.667vw, 48px);

	/* H2: 32px / 28px / 24px */
	--text-h2: clamp(24px, 1.5rem + 0.5vw, 32px);

	/* H3: 24px / 22px / 20px */
	--text-h3: clamp(20px, 1.25rem + 0.333vw, 24px);

	/* H4: 20px / 18px / 18px */
	--text-h4: clamp(18px, 1.125rem + 0.25vw, 20px);

	/* Body / Small / Caption - ثابت */
	--text-body: 16px;
	--text-small: 14px;
	--text-caption: 12px;

	/* ─── Line Heights ─── */
	--leading-normal: 2;

	/* ─── Layout ─── */
	--container-max: 1360px;
	--radius: 16px;

	/* ─── Paragraph & List ─── */
	--paragraph-spacing: 24px;
	--heading-spacing: 24px;
	--list-indent: 24px;
}

/* ═══════════════════════════════════════════════════════════════════════════
	 MOBILE OVERRIDES (≤ 767px)
	 ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {
	:root {
		--heading-spacing: 12px;
		--list-indent: 24px;
	}
}

/* ═══════════════════════════════════════════════════════════════════════════
	 BASE RESET
	 ═══════════════════════════════════════════════════════════════════════════ */

*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	font-family: Inter,system-ui, -apple-system, sans-serif;
	font-size: var(--text-body);
	line-height: var(--leading-normal);
	color: #1a1a1a;
	-webkit-font-smoothing: antialiased;
}

/* ═══════════════════════════════════════════════════════════════════════════
	 TYPOGRAPHY
	 ═══════════════════════════════════════════════════════════════════════════ */

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2;
	margin-bottom: var(--heading-spacing);
}

h1,
.h1 {
	font-size: var(--text-h1);
	font-weight: 500;
}
h2,
.h2 {
	font-size: var(--text-h2);
	font-weight: 500;
}
h3,
.h3 {
	font-size: var(--text-h3);
	font-weight: 500;
}
h4,
.h4 {
	font-size: var(--text-h4);
	font-weight: 500;
}
h5,
.h5 {
	font-size: var(--text-body);
	font-weight: 500;
}
h6,
.h6 {
	font-size: var(--text-small);
	font-weight: 500;
	text-transform: uppercase;
}

/* Paragraph */
p {
	font-size: var(--text-body);
	line-height: var(--leading-normal);
	margin-bottom: var(--paragraph-spacing);
}

p:last-child {
	margin-bottom: 0;
}

/* Text Sizes */
small,
.small {
	font-size: var(--text-small);
}
.caption {
	font-size: var(--text-caption);
}
.lead {
	font-size: 18px;
}

/* Links */
a {
	font-size: inherit;
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

/* Lists */
ul,
ol {
	padding-left: var(--list-indent);
	margin-bottom: var(--paragraph-spacing);
}

li {
	margin-bottom: var(--space-sm);
	line-height: var(--leading-normal);
}

li > ul,
li > ol {
	margin-top: var(--space-sm);
	margin-bottom: 0;
}
li:last-child {
	margin-bottom: 0;
}

/* Blockquote */
blockquote {
	font-size: var(--text-body);
	font-style: italic;
	padding-left: var(--space-lg);
	border-left: var(--space-xs) solid #ddd;
	margin: var(--paragraph-spacing) 0;
	color: #555;
}

/* Horizontal Rule */
hr {
	border: none;
	height: 1px;
	background: #e0e0e0;
	margin: var(--space-xl) 0;
}

/* Figures */
figure {
	margin: var(--paragraph-spacing) 0;
}
figcaption {
	font-size: var(--text-small);
	color: #666;
	margin-top: var(--space-sm);
}

/* Code */
code {
	font-family: "SF Mono", monospace;
	font-size: calc(var(--text-small) * 0.93);
	background: #f4f4f4;
	padding: 2px 6px;
	border-radius: 4px;
}

pre {
	font-family: "SF Mono", monospace;
	font-size: var(--text-small);
	background: #1a1a1a;
	color: #f4f4f4;
	padding: var(--space-lg);
	border-radius: var(--radius);
	overflow-x: auto;
	margin: var(--paragraph-spacing) 0;
}

pre code {
	background: transparent;
	padding: 0;
}

/* Tables */
table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--text-body);
	margin: var(--paragraph-spacing) 0;
}
th,
td {
	padding: var(--space-sm) var(--space-md);
	text-align: left;
	border-bottom: 1px solid #e0e0e0;
}
th {
	font-weight: 600;
	background: #f8f8f8;
}

/* Images */
img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* ═══════════════════════════════════════════════════════════════════════════
	 LAYOUT
	 ═══════════════════════════════════════════════════════════════════════════ */

/* Container - 64px / 32px / 24px */
.container {
	width: 100%;
	max-width: var(--container-max);
	margin: auto;
	padding-left: clamp(24px, 5vw, 64px);
	padding-right: clamp(24px, 5vw, 64px);
}

/* Section - 64px / 48px / 32px */
section,
.section {
	margin-bottom: clamp(32px, 4vw, 64px);
}

/* Full Width */
header,
footer,
.hero,
.full-width {
	width: 100%;
}

/* Inner Padding - 32px / 24px / 16px */
.section-inner {
	padding: clamp(16px, 2vw, 32px);
}

/* Border Radius */
.rounded {
	border-radius: var(--radius);
}

/* ═══════════════════════════════════════════════════════════════════════════
	 UTILITIES
	 ═══════════════════════════════════════════════════════════════════════════ */

.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.font-normal {
	font-weight: 400;
}
.font-medium {
	font-weight: 500;
}
.font-semibold {
	font-weight: 600;
}
.font-bold {
	font-weight: 700;
}

.m-0 {
	margin: 0;
}
.p-0 {
	padding: 0;
}
/* ═══════════════════════════════════════════════════════════════════════════
	 CUSTOM STYLE - WEBSITE
	 ═══════════════════════════════════════════════════════════════════════════ */
.theme-hlogo::before {
	content: "";
	display: inline-block;
	width:28px;
	aspect-ratio: 1;
	height: auto;
	margin-right: 8px;
	background-image: url("https://staging-53e1-englobelaw.wpcomstaging.com/wp-content/uploads/2026/06/Englobe-heading.png") !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}
html[lang="fa-IR"],
html[dir="rtl"] 
.theme-hlogo::before {
	content: "";
	margin-left: 8px;
}


.theme-btn-link {
	position: relative;
}
.theme-btn-link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 1px;
	background: #d4a04a;
}
.theme-btn-link:hover::after {
	content: "";
	width: 0%;
	transition: 1300ms;
}
.theme-h1 span {
	color: #D4A04A;
}
.theme-card-grey p {
/*padding-left:14px !important;*/
padding-inline-start: 14px;
}

/* ═══════════════════════════════════════════════════════════════════════════
	 CUSTOM STYLE - HEADER
	 ═══════════════════════════════════════════════════════════════════════════ */
.theme-menu-topheader .e-n-menu-title i,
.theme-menu-topheader .e-n-menu-title-text {
	color: white !important;
}
header{
		position: sticky !important;
		top:0;
		z-index: 100;
}
.theme-menu-topheader .e-n-menu-title-text {
	font-weight: 300;
	text-transform: uppercase;
}

.theme-menu-topheader .e-n-menu-title .e-n-menu-icon span i {
	font-size: 20px;

}

.theme-header-menu .e-n-menu-title-text {
	font-size: 12px;
	font-weight: 500;
	color: #13202f99;
	font-family: Montserrat;
	text-transform: uppercase;
}

/* desktop — 1024px and up */
@media (min-width: 1024px) {

	/* Your desktop styles here */
	.theme-header-menu .e-n-menu-heading {
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
	}

}


/* tablet — up to 1023px */
@media (max-width: 1023px) {

	/* Your tablet styles here */
	/*.theme-header-menu>.e-n-menu[data-layout='dropdown']>.e-n-menu-wrapper>.e-n-menu-heading>.e-n-menu-item>.e-n-menu-title:not(.e-current) {*/
	/*	background-color: #132030 !important;*/
	/*}*/
	.theme-header-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title {
background-color: #ffffff00;}
	.theme-header-menu .e-n-menu-heading {
		background-color: #132030 !important;
		padding: 4%;
		margin-top: 24px;

	}

	.theme-header-menu .e-n-menu[data-layout=dropdown] .e-n-menu-item {
		width: 100%;
	}

	.theme-header-menu .e-n-menu-item {
		padding: 8px 0px 12px 0px !important;
		border-bottom: 1px rgba(255, 255, 255, 0.15) solid;
	}

	.theme-header-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title:not(.e-current) .e-n-menu-title-container .e-n-menu-title-text {
		color: #ffffff !important;
		font-weight: 500;

	}

	.theme-header-menu>.e-n-menu[data-layout='dropdown']>.e-n-menu-wrapper>.e-n-menu-heading>.e-n-menu-item>.e-n-menu-title:has(.e-current) {
		background-color: #ff9b00 !important;
	}

}

/* ═══════════════════════════════════════════════════════════════════════════
	 CUSTOM STYLE - FOOTER
	 ═══════════════════════════════════════════════════════════════════════════ */
 .theme-menu-01 .e-n-menu-title{
		 padding: 0;
}
 .theme-menu-01 .e-n-menu-heading{
		 align-items: flex-start;
		 flex-direction: column;
		 gap:1em;
}
 .theme-menu-01 .e-n-menu-title-container{
		 gap:10px;
}
 .theme-menu-01 .e-n-menu-title-text{
		 color:#FFF5EE !important;
		 font-family: Inter;
		 font-size:16px;
		 font-weight: 300;
}
 .theme-menu-01 .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-icon i {
		 color:white;
}
 .theme-menu-01 .e-n-menu-title:hover:not(.e-current) .e-n-menu-icon i {
		 color: #EFBD5E !important;
}
 .theme-menu-01 .e-n-menu-title-text:hover{
		 color:#EFBD5E !important;
}
.theme-text-uppercase{
		 text-transform: uppercase;
}
/*table of content*/
.elementor-toc__list-item {
	margin-bottom: 1.5em;
}
.theme-text-gold a{
		color: #D4A04A ;
		cursor: default;
}

/* ═══════════════════════════════════════════════════════════════════════════
	 ARTICLE SPACING SYSTEM — APPEND ONLY
	 این بخش فقط به انتهای فایل اضافه شود.
	 هیچ font-family یا font-sizeای در این بخش تغییر نمی‌کند.
	 ═══════════════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════════════
	 ARTICLE LOCAL TOKENS
	 Mobile: ≤ 767px
	 ═══════════════════════════════════════════════════════════════════════════ */

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) {
	/*
	تغییر Scoped:
	--leading-normal عمومی قبلی: 2
	مقدار استاندارد متن مقاله: 1.5
	این تغییر فقط داخل محتوای مقاله اعمال می‌شود.
	*/

	--article-line-height: 1.5;

	/*
	تغییر Scoped:
	--paragraph-spacing عمومی قبلی: 24px
	مقدار استاندارد Paragraph Margin Bottom: 16px
	*/

	--article-paragraph-gap: var(--space-md); /* 16px */

	/*
	تغییر Scoped:
	--heading-spacing عمومی قبلی: 24px
	مقدار موبایل طبق جدول: 12px
	*/

	--article-heading-gap: calc(var(--unit) * 3); /* 12px */

	/*
	List Item Gap:
	8px
	*/

	--article-list-gap: var(--space-sm); /* 8px */

	/*
	تغییر Scoped:
	list-indent قبلی در موبایل: 24px
	مقدار استاندارد موبایل: 20px
	*/

	--article-list-indent: calc(var(--unit) * 5); /* 20px */

	/*
	فاصله استاندارد عناصر بلوکی مقاله:
	figure، blockquote، pre، table و hr
	*/

	--article-block-gap: var(--space-xl); /* 32px */

	line-height: var(--article-line-height);
}


/* ═══════════════════════════════════════════════════════════════════════════
	 ARTICLE TOKENS — TABLET AND DESKTOP
	 ═══════════════════════════════════════════════════════════════════════════ */

@media (min-width: 768px) {
	:is(
		.article-content,
		.entry-content,
		.post-content,
		.elementor-widget-theme-post-content .elementor-widget-container
	) {
		/*
		تغییر Scoped:
		Heading Margin Bottom:
		موبایل: 12px
		تبلت و دسکتاپ: 16px
		*/

		--article-heading-gap: var(--space-md); /* 16px */

		/*
		تغییر Scoped:
		List Indent:
		موبایل: 20px
		تبلت و دسکتاپ: 24px
		*/

		--article-list-indent: var(--space-lg); /* 24px */
	}
}


/* ═══════════════════════════════════════════════════════════════════════════
	 FIRST AND LAST ARTICLE ELEMENT
	 ═══════════════════════════════════════════════════════════════════════════ */

/*
برای جلوگیری از ایجاد فاصله اضافی در ابتدا و انتهای محتوای مقاله.
این قانون فقط روی عناصر مستقیم داخل کانتینر مقاله اعمال می‌شود.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) > :first-child {
	margin-block-start: 0;
}

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) > :last-child {
	margin-block-end: 0;
}


/* ═══════════════════════════════════════════════════════════════════════════
	 HEADINGS
	 ═══════════════════════════════════════════════════════════════════════════ */

/*
تغییر Scoped:
سایز فونت Headingها تغییر نمی‌کند.
فقط فاصله قبل و بعد آن‌ها تنظیم می‌شود.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) :is(h1, h2, h3, h4, h5, h6) {
	line-height: 1.2;
	margin-block-end: var(--article-heading-gap);
}


/*
H1 معمولاً عنوان اصلی مقاله است؛
بنابراین فاصله قبل ندارد.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) h1 {
	margin-block-start: 0;
}


/*
فاصله قبل H2:
32px
برای جداکردن بخش‌های اصلی مقاله.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) h2 {
	margin-block-start: var(--space-xl); /* 32px */
}


/*
فاصله قبل H3:
24px
برای جداکردن زیربخش‌ها.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) h3 {
	margin-block-start: var(--space-lg); /* 24px */
}


/*
فاصله قبل H4 تا H6:
16px
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) :is(h4, h5, h6) {
	margin-block-start: var(--space-md); /* 16px */
}


/*
اگر H2 یا H3 اولین عنصر مستقیم مقاله باشد،
فاصله بالای آن حذف می‌شود.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) > :is(h1, h2, h3, h4, h5, h6):first-child {
	margin-block-start: 0;
}


/* ═══════════════════════════════════════════════════════════════════════════
	 PARAGRAPHS
	 ═══════════════════════════════════════════════════════════════════════════ */

/*
تغییر Scoped:
margin-bottom قبلی پاراگراف: 24px
مقدار جدید مقاله: 16px
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) p {
	margin-block: 0 var(--article-paragraph-gap);
	line-height: var(--article-line-height);
}


/*
پاراگراف آخر هر بخش فاصله پایین ندارد.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) p:last-child {
	margin-block-end: 0;
}


/* ═══════════════════════════════════════════════════════════════════════════
	 LISTS
	 ═══════════════════════════════════════════════════════════════════════════ */

/*
تغییر Scoped:
padding-left قبلی: 24px در همه دستگاه‌ها
مقدار جدید:
Mobile: 20px
Tablet/Desktop: 24px

استفاده از padding-inline-start باعث سازگاری با RTL و LTR می‌شود.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) :is(ul, ol) {
	margin-block: 0 var(--article-paragraph-gap);
	padding-block: 0;
	padding-inline: 0;
	padding-inline-start: var(--article-list-indent);
	line-height: var(--article-line-height);
}


/*
تغییر Scoped:
در کد قبلی روی همه liها margin-bottom: 8px وجود داشت.
اکنون margin فقط بین دو آیتم متوالی قرار می‌گیرد
تا آیتم آخر فاصله اضافی نداشته باشد.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) li {
	margin: 0;
	line-height: var(--article-line-height);
}

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) li + li {
	margin-block-start: var(--article-list-gap); /* 8px */
}


/*
فاصله لیست‌های تو در تو.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) li > :is(ul, ol) {
	margin-block: var(--article-list-gap) 0;
}


/*
اگر داخل li پاراگراف وجود داشته باشد،
فاصله انتهایی آن حذف می‌شود تا فاصله دوبل ایجاد نشود.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) li > p:last-child {
	margin-block-end: 0;
}


/* ═══════════════════════════════════════════════════════════════════════════
	 BLOCKQUOTE
	 ═══════════════════════════════════════════════════════════════════════════ */

/*
تغییر Scoped:

margin قبلی: 24px از بالا و پایین
مقدار جدید: 32px از بالا و پایین

padding-left و border-left قبلی به Logical Properties تغییر کرده‌اند
تا در زبان‌های RTL و LTR درست نمایش داده شوند.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) blockquote {
	margin-block: var(--article-block-gap); /* 32px */
	margin-inline: 0;

	padding: 0;
	padding-inline-start: var(--space-lg); /* 24px */

	border: 0;
	border-inline-start: var(--space-xs) solid #ddd; /* 4px */

	line-height: var(--article-line-height);
}

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) blockquote > :last-child {
	margin-block-end: 0;
}

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) blockquote cite {
	display: block;
	margin-block-start: var(--space-sm); /* 8px */
}


/* ═══════════════════════════════════════════════════════════════════════════
	 FIGURES AND CAPTIONS
	 ═══════════════════════════════════════════════════════════════════════════ */

/*
تغییر Scoped:
margin قبلی figure: 24px
مقدار جدید: 32px
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) :is(figure, .wp-caption) {
	max-width: 100%;
	margin-block-end: var(--article-block-gap); /* 32px */
		margin-block-start: 0px;
	margin-inline: 0;
}


/*
تغییر Scoped:
فاصله figcaption از تصویر:
8px
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) :is(figcaption, .wp-caption-text) {
	margin-block-start: var(--space-sm); /* 8px */
}


/* ═══════════════════════════════════════════════════════════════════════════
	 HORIZONTAL RULE
	 ═══════════════════════════════════════════════════════════════════════════ */

/*
margin عمودی hr در کد قبلی 32px بود و حفظ شده است.
فقط به شکل Scoped و Logical بازنویسی شده است.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) hr {
	height: calc(var(--unit) * 0.25); /* 1px */
	margin-block: var(--article-block-gap); /* 32px */
	margin-inline: 0;
}


/* ═══════════════════════════════════════════════════════════════════════════
	 TABLES
	 ═══════════════════════════════════════════════════════════════════════════ */

/*
تغییر Scoped:
margin قبلی table: 24px
مقدار جدید: 32px
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) table {
		/* 32px */
		margin-block-end:var(--article-block-gap);  
		margin-block-start: 0px;
	margin-inline: 0;
}


/*
برای جدول‌های عریض در موبایل باید از Wrapper استفاده شود:

<div class="table-scroll">
	<table>...</table>
</div>
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) :is(.table-scroll, .article-table-wrap) {
	max-width: 100%;
	margin-block: var(--article-block-gap);
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) :is(.table-scroll, .article-table-wrap) table {
	margin-block: 0;
}


/*
تغییر Scoped:
text-align قبلی: left
مقدار جدید: start
تا در RTL و LTR صحیح باشد.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) :is(th, td) {
	text-align: start;
}

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) caption {
	padding-block-end: var(--space-sm); /* 8px */
	caption-side: top;
	text-align: start;
}


/* ═══════════════════════════════════════════════════════════════════════════
	 CODE AND PRE
	 ═══════════════════════════════════════════════════════════════════════════ */

/*
تغییر Scoped:
margin قبلی pre: 24px
مقدار جدید: 32px
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) pre {
	max-width: 100%;
	margin-block: var(--article-block-gap); /* 32px */
	margin-inline: 0;
	overflow-x: auto;
	line-height: var(--article-line-height);
}


/*
تغییر Scoped:
padding افقی code قبلی: 6px
padding افقی جدید: 4px
برای هماهنگی با مقیاس 4px.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) :not(pre) > code {
	padding: calc(var(--unit) * 0.5) var(--space-xs); /* 2px 4px */
}


/* ═══════════════════════════════════════════════════════════════════════════
	 DEFINITION LISTS
	 ═══════════════════════════════════════════════════════════════════════════ */

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) dl {
	margin-block: 0 var(--article-paragraph-gap);
}

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) dt {
	margin-block-start: var(--space-md); /* 16px */
}

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) dt:first-child {
	margin-block-start: 0;
}

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) dd {
	margin-block: var(--space-sm) 0; /* 8px */
	margin-inline-start: var(--space-lg); /* 24px */
}


/* ═══════════════════════════════════════════════════════════════════════════
	 DETAILS / SUMMARY
	 ═══════════════════════════════════════════════════════════════════════════ */

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) details {
	margin-block: var(--space-lg); /* 24px */
	padding: var(--space-md);      /* 16px */
	border: calc(var(--unit) * 0.25) solid #e0e0e0; /* 1px */
	border-radius: var(--radius);
}

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) summary {
	cursor: pointer;
}

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) details[open] > summary {
	margin-block-end: var(--space-sm); /* 8px */
}


/* ═══════════════════════════════════════════════════════════════════════════
	 ADDRESS
	 ═══════════════════════════════════════════════════════════════════════════ */

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) address {
	margin-block: 0 var(--article-paragraph-gap);
	font-style: normal;
}


/* ═══════════════════════════════════════════════════════════════════════════
	 MEDIA AND EMBEDS
	 ═══════════════════════════════════════════════════════════════════════════ */

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) :is(video, audio, iframe) {
	display: block;
	max-width: 100%;
}

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) :is(.wp-block-embed, .article-embed) {
	max-width: 100%;
	margin-block: var(--article-block-gap); /* 32px */
}


/* ═══════════════════════════════════════════════════════════════════════════
	 ARTICLE META — اختیاری
	 ═══════════════════════════════════════════════════════════════════════════ */

/*
این کلاس اختیاری است و برای تاریخ، نویسنده و اطلاعات مقاله استفاده می‌شود.
هیچ font-family یا font-sizeای در آن تعریف نشده است.
*/

.article-meta {
	margin-block: 0 var(--space-xl); /* 32px */
}

/* ═══════════════════════════════════════════════════════════════════════════
	 ARTICLE: HEADING + PARAGRAPH + LIST SPACING
	 فقط به انتهای فایل اضافه شود.
	 ═══════════════════════════════════════════════════════════════════════════ */


/*
ساختار هدف:

<h2>...</h2>
<p>...</p>
<ul>...</ul>

فاصله‌ها:

Heading → Paragraph:
موبایل: 12px
تبلت و دسکتاپ: 16px

Paragraph → List:
8px
*/


/* ═══════════════════════════════════════════════════════════════════════════
	 PARAGRAPH DIRECTLY AFTER HEADING
	 ═══════════════════════════════════════════════════════════════════════════ */

/*
تغییر Scoped:
برای پاراگرافی که مستقیماً بعد از h1 تا h6 آمده است،
فاصله بالای جداگانه ایجاد نمی‌شود.

فاصله بین Heading و Paragraph از margin-bottom خود Heading
تأمین می‌شود:
موبایل: 12px
تبلت و دسکتاپ: 16px
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) :is(h1, h2, h3, h4, h5, h6) + p {
	margin-block-start: 0;
}


/* ═══════════════════════════════════════════════════════════════════════════
	 PARAGRAPH DIRECTLY BEFORE LIST
	 ═══════════════════════════════════════════════════════════════════════════ */

/*
تغییر Scoped:
برای جلوگیری از ایجاد فاصله دوبرابر بین Paragraph و List،
فاصله بالای ul و ol صفر می‌شود.
*/

:is(
	.article-content,
	.entry-content,
	.post-content,
	.elementor-widget-theme-post-content .elementor-widget-container
) p + :is(ul, ol) {
	margin-block-start: 0;
}


/*
تغییر Scoped:
پاراگرافی که بلافاصله قبل از ul یا ol قرار دارد،
به‌جای فاصله عمومی 16px، فاصله 8px خواهد داشت.

مقدار قبلی:
margin-bottom: 16px

مقدار جدید:
margin-bottom: 8px
*/

@supports selector(p:has(+ ul)) {
	:is(
		.article-content,
		.entry-content,
		.post-content,
		.elementor-widget-theme-post-content .elementor-widget-container
	) p:has(+ :is(ul, ol)) {
		margin-block-end: var(--space-sm); /* 8px */
	}
}


/* ═══════════════════════════════════════════════════════════════════════════
	 EXACT PATTERN: HEADING + PARAGRAPH + UL
	 ═══════════════════════════════════════════════════════════════════════════ */

/*
این Rule فقط زمانی فعال می‌شود که یک p:

1. بلافاصله بعد از h1 تا h6 باشد؛
2. بلافاصله قبل از ul یا ol باشد.

مثال:
<h2>عنوان</h2>
<p>توضیح</p>
<ul>...</ul>
*/

@supports selector(p:has(+ ul)) {
	:is(
		.article-content,
		.entry-content,
		.post-content,
		.elementor-widget-theme-post-content .elementor-widget-container
	)
	:is(h1, h2, h3, h4, h5, h6)
	+ p:has(+ :is(ul, ol)) {
		margin-block-start: 0;
		margin-block-end: var(--space-sm); /* 8px */
	}
}

/* ==========================================================================
	 1. متغیرهای فونت برای صفحات فارسی
	 ========================================================================== */
html[lang="fa-IR"],
html[dir="rtl"] :root {
	/* فونت اصلی متن‌ها (پاراگراف‌ها، لیست‌ها، دکمه‌ها و فرم‌ها) */
	--body_font_family: "Vazirmatn", "IRANSans", system-ui, -apple-system, "Segoe UI", Roboto, Tahoma, sans-serif;

	/* فونت اختصاصی عناوین، هدینگ‌ها و بخش‌های غیرمتنی */
	--notbody_Font_family: "Vazirmatn", "Dana", "Vazirmatn", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
}

/* ==========================================================================
	 2. اعمال فونت متن روی تمام تگ‌های متنی، ساختاری و ورودی‌ها
	 ========================================================================== */
html[lang="fa-IR"],
html[dir="rtl"] {
	font-family: var(--body_font_family);
}

/* اعمال صریح برای خنثی‌کردن استایل‌های پیش‌فرض مرورگر، قالب‌ها و المنتور */
html[lang="fa-IR"] body,
html[lang="fa-IR"] p,
html[lang="fa-IR"] span,
html[lang="fa-IR"] a,
html[lang="fa-IR"] li,
html[lang="fa-IR"] ul,
html[lang="fa-IR"] ol,
html[lang="fa-IR"] blockquote,
html[lang="fa-IR"] figcaption,
html[lang="fa-IR"] input,
html[lang="fa-IR"] textarea,
html[lang="fa-IR"] select,
html[lang="fa-IR"] button,
html[lang="fa-IR"] label,
html[lang="fa-IR"] .elementor-button,
html[lang="fa-IR"] .elementor-widget-text-editor {
	font-family: var(--body_font_family) !important;
	 line-height: 160% !important;
}

/* ==========================================================================
	 3. اعمال فونت اختصاصی هدینگ‌ها و عناوین شاخص
	 ========================================================================== */
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="fa-IR"] .elementor-heading-title {
	font-family: var(--notbody_Font_family);
	line-height: 160%;
}