.elementor-kit-15793{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-aa80aac:#EFBD5E;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1340px;}.e-con{--container-max-width:1340px;}.elementor-widget:not(:last-child){margin-block-end: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-15793 e-page-transition{background-color:#FFBC7D;}@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 { --body_font_family:Inter; --White:hsl(0, 0%, 100%); --body_pragraph_ondark_color:hsl(220, 4%, 84%); --Primary-DeepNavy:hsl(213, 43%, 13%); --Accent-Gold-Dark:#D4A04A; --notbody_Font_family:Montserrat; --max-width:1320px; --theme-neutral-grey:#F5F5F5; --theme-neutral-grey-text:#4A4A4A; --theme-soft-Ivory:#FFF5EE; --theme-sec-padding-desktop:4em; --theme-sec-padding-tablet:3em; --theme-sec-padding-mob:2em; --Border-Radius:8px; --theme-white-07:hsla(0, 0%, 100%, 0.7); }
/* Start custom CSS *//* 
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.0
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
*/

/* Add your custom styles here */
/*@charset "UTF-8";*/
/* ═══════════════════════════════════════════════════════════════════════════
   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: var(--article-block-gap); /* 32px */
  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 {
  margin-block: var(--article-block-gap); /* 32px */
  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 .elementor-kit-15793(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 .elementor-kit-15793(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%;
}/* End custom CSS */