html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  direction: rtl;

  /* -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01"; */
}

@media (max-width: 1599px) {
  .keyhan_theme_main_container {
    width: 90%;
    margin: auto;
  }
}

@media (min-width: 1600px) {
  .keyhan_theme_main_container {
    width: 1600px;
    margin: auto;
  }
}

/* ==========================================================
   1. تنظیم متغیرهای گلوبال المنتور (برای ویجت‌ها)
   ========================================================== */
:root {
  /* 1. تعریف رنگ‌های پیش‌فرض قالب شما برای المنتور */
  /*--e-global-color-primary: #eb0000;   /* رنگ سرمه‌ای تیره برای تیترها */
  /*--e-global-color-secondary: #008327; /* رنگ خاکستری مایل به آبی برای زیرتیترها */
  /*--e-global-color-text: #0214b3;      /* رنگ خاکستری تیره برای متن */
  /*--e-global-color-accent: #d87a0e;    /* رنگ آبی روشن برای دکمه‌ها و لینک‌ها */

  /* استایل اولیه (Primary) - استفاده در تیترهای اصلی ویجت‌ها */
  --e-global-typography-primary-font-family: vazirmatn, sans-serif;
  --e-global-typography-primary-font-size: 24px;
  --e-global-typography-primary-font-weight: 800;

  /* استایل ثانویه (Secondary) - استفاده در تیترهای فرعی و زیرتیترها */
  --e-global-typography-secondary-font-family: vazirmatn, sans-serif;
  --e-global-typography-secondary-font-size: 18px;
  --e-global-typography-secondary-font-weight: 700;

  /* استایل متن (Text) - استفاده در ویجت ویرایشگر متن و پاراگراف‌ها */
  --e-global-typography-text-font-family: vazirmatn, sans-serif;
  --e-global-typography-text-font-size: 14px;
  --e-global-typography-text-font-weight: 400;

  /* استایل تاکیدی (Accent) - استفاده در دکمه‌ها، تب‌ها و لینک‌ها */
  --e-global-typography-accent-font-family: vazirmatn, sans-serif;
  --e-global-typography-accent-font-size: 14px;
  --e-global-typography-accent-font-weight: 500;
}

/* ==========================================================
   2. تنظیم تگ‌های پایه قالب (بک‌آپ برای المنتور و سایر افزونه‌ها)
   ========================================================== */
body,
p,
a,
span,
li {
  font-family: vazirmatn, sans-serif;
  /* font-size: 14px; */
  /* font-weight: 400; */
  /* line-height: 1.8; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: vazirmatn, sans-serif;
}

/* تنظیم سایز و وزن اختصاصی برای هر تیتر در حالت دسکتاپ */
/* h1 { font-size: 32px !important; font-weight: 800 !important; }
h2 { font-size: 28px !important; font-weight: 700 !important; }
h3 { font-size: 24px !important; font-weight: 700 !important; }
h4 { font-size: 20px !important; font-weight: 600 !important; }
h5 { font-size: 18px !important; font-weight: 600 !important; }
h6 { font-size: 16px !important; font-weight: 600 !important; } */

/* ==========================================================
   3. تنظیمات ریسپانسیو (واکنش‌گرایی برای موبایل)
   ========================================================== */
@media (max-width: 767px) {
  /* تغییر سایز متغیرهای المنتور در موبایل */
  :root {
    --e-global-typography-primary-font-size: 24px;
    --e-global-typography-secondary-font-size: 18px;
    --e-global-typography-text-font-size: 14px;
  }

  /* تغییر سایز تگ‌های پایه در موبایل */
  body,
  p,
  a,
  span,
  li {
    font-size: 14px;
  }

  /* h1 { font-size: 24px !important; }
    h2 { font-size: 22px !important; }
    h3 { font-size: 20px !important; }
    h4 { font-size: 18px !important; }
    h5 { font-size: 16px !important; }
    h6 { font-size: 15px !important; } */
}