/* ============================================================
   fonts-iranyekan.css
   فونت ایران یکان X + تنظیمات تایپوگرافی فارسی

   این فایل باید آخرین CSS لود شده باشد تا روی بقیه استایل ها بنشیند.
   مسیر فونت ها: /fonts/iranyekan/
   ============================================================ */

/* ---------- ۱) تعریف فونت ----------
   فقط ۵ وزنی که واقعا در سایت استفاده می شود لود می شود
   (400 / 500 / 600 / 700 / 800) تا سرعت لود پایین نیاید.
   بقیه وزن ها (Thin، Light، Black و ...) روی هاست هست ولی
   دانلود نمی شود چون هیچ جای سایت استفاده نشده. */

@font-face {
    font-family: 'IRANYekanX';
    src: url('/fonts/iranyekan/IRANYekanX-Regular.woff2') format('woff2'),
         url('/fonts/iranyekan/IRANYekanX-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IRANYekanX';
    src: url('/fonts/iranyekan/IRANYekanX-Medium.woff2') format('woff2'),
         url('/fonts/iranyekan/IRANYekanX-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IRANYekanX';
    src: url('/fonts/iranyekan/IRANYekanX-DemiBold.woff2') format('woff2'),
         url('/fonts/iranyekan/IRANYekanX-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IRANYekanX';
    src: url('/fonts/iranyekan/IRANYekanX-Bold.woff2') format('woff2'),
         url('/fonts/iranyekan/IRANYekanX-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IRANYekanX';
    src: url('/fonts/iranyekan/IRANYekanX-ExtraBold.woff2') format('woff2'),
         url('/fonts/iranyekan/IRANYekanX-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-fa: 'IRANYekanX', 'IRANYekan', Tahoma, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --font: var(--font-fa);   /* سازگاری با متغیر قدیمی main.css */
}

/* ---------- ۲) اعمال روی کل سایت ---------- */
html,
body {
    font-family: var(--font-fa);
}

body {
    font-size: 16px;
    line-height: 1.8;

    /* در فارسی letter-spacing مثبت اتصال حروف را خراب می کند */
    letter-spacing: 0;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;

    /* اگر وزنی موجود نبود، مرورگر بولد تقلبی نسازد */
    font-synthesis: none;
}

/* المان های فرمی از فونت مرورگر ارث می برند — دستی ست می شوند */
input,
select,
textarea,
button,
optgroup,
option,
.btn,
.form-control {
    font-family: var(--font-fa) !important;
    letter-spacing: 0;
}

/* ---------- ۳) تیترها ----------
   ایران یکان صعود و نزول حروف (کـ گـ / ی ج) بلندتری دارد،
   پس line-height تیترها کمی باز شد تا سرِ حروف بریده نشود. */
:root {
    --neff-lh-heading: 1.5;
}

h1, h2, h3, h4, h5, h6,
.page-h1,
.home-section-title,
.section-title,
.hero-title {
    font-family: var(--font-fa);
    letter-spacing: 0;      /* خنثی کردن letter-spacing منفی قبلی */
    line-height: 1.55;
    word-spacing: 0.02em;
}

/* در ایران یکان وزن 800 برای تیتر بزرگ خیلی سنگین می شود —
   تیتر اصلی 700 خواناتر و تمیزتر است */
.page-h1,
.hero-title {
    font-weight: 700;
}

/* ---------- ۴) متن مقاله ----------
   عرض ستون و ارتفاع خط برای خوانایی متن فارسی */
.page-content,
.page-content-intro,
.section-content,
.hcs-content {
    font-size: 1.02em;
    line-height: 2;
    word-spacing: 0.01em;
}

.page-content p,
.page-content-intro p,
.section-content p {
    line-height: 2;
}

/* ---------- ۵) اعداد ----------
   شماره تماس، قیمت و ستون های عددی با عرض یکسان
   تا موقع تغییر عدد، جدول و دکمه نلرزد */
.hdr-phone,
.hdr-m-phone,
.fc-call,
.drawer-call,
.mobile-contact-bar a,
.footer-contact,
.page-meta,
.breadcrumb,
table td,
table th {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

/* ---------- ۶) موبایل ----------
   روی موبایل یک پله کوچک تر و کمی بازتر */
@media (max-width: 768px) {
    body {
        font-size: 15.5px;
        line-height: 1.85;
    }

    .page-content,
    .page-content-intro,
    .section-content,
    .hcs-content {
        font-size: 1em;
        line-height: 1.95;
    }

    h1, h2, h3, h4,
    .page-h1,
    .home-section-title,
    .section-title {
        line-height: 1.6;
    }
}

@media (max-width: 400px) {
    body {
        font-size: 15px;
    }
}

/* ---------- ۷) داخل ادیتور ادمین ----------
   تا چیزی که تایپ می کنید عین سایت دیده شود */
body.cke_editable {
    font-family: var(--font-fa) !important;
    font-size: 16px;
    line-height: 1.9;
    letter-spacing: 0;
}

/* ---------- ۸) ایتالیک ----------
   فارسی ایتالیک واقعی ندارد و ایتالیک تقلبی بد دیده می شود،
   پس نقل قول و کپشن عمودی و تمیز می ماند */
blockquote,
figcaption,
.page-content em,
.page-content-intro em {
    font-style: normal;
}

blockquote {
    font-weight: 500;
}