/* ==========================================================================
   Ultimate Vazirmatn Typography - Pixel Perfect, Responsive & Icon Safe
   ========================================================================== */

:root {
    --main-font: 'Vazirmatn', Tahoma, Arial, sans-serif;
    
    /* ۱. سایزهای استاندارد پیکسلی برای دسکتاپ (پایه H1 = 34px) */
    --fs-h1: 32px;  
    --fs-h2: 24px;   
    --fs-h3: 20px;    
    --fs-h4: 18px;   
    --fs-h5: 16px;  
    --fs-h6: 14px;      
    --fs-body: 15px;    
}

/* ۲. واکنش‌گرایی اختصاصی برای تبلت‌ها (Tablet View) */
@media (max-width: 1024px) {
    :root {
        --fs-h1: 28px; 
        --fs-h2: 21px; 
        --fs-h3: 18px; 
        --fs-h4: 16px; 
        --fs-h5: 14px; 
        --fs-h6: 13px; 
        --fs-body: 14px;
    }
}

/* ۳. واکنش‌گرایی اختصاصی برای موبایل‌ها (Mobile View) */
@media (max-width: 768px) {
    :root {
        --fs-h1: 24px; 
        --fs-h2: 19px; 
        --fs-h3: 17px; 
        --fs-h4: 15px; 
        --fs-h5: 13px; 
        --fs-h6: 12px; 
        --fs-body: 14px;
    }
}

/* فراخوانی فونت‌ها با فرمت بهینه woff2 */
@font-face {
    font-family: 'Vazirmatn';
    src: url('./fonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('./fonts/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* اعمال هوشمند فونت بدون آسیب زدن به تگ‌های آیکون */
html, body, p, a, div, li, button, input, textarea, select, label, h1, h2, h3, h4, h5, h6,
.elementor-heading-title, .elementor-text-editor, .elementor-button-text, 
.elementor-widget-heading, .elementor-button, .elementor-bullet {
    font-family: var(--main-font) !important;
}

/* اعمال متغیرهای پیکسلی و اصول سئو وب */
body { font-size: var(--fs-body); font-weight: 400; line-height: 1.7; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
h1, .elementor-heading-title.elementor-size-xl { font-size: var(--fs-h1) !important; font-weight: 700 !important; line-height: 1.3; margin-bottom: 1.2rem; }
h2, .elementor-heading-title.elementor-size-large { font-size: var(--fs-h2) !important; font-weight: 700 !important; line-height: 1.4; margin-bottom: 1rem; }
h3, .elementor-heading-title.elementor-size-medium { font-size: var(--fs-h3) !important; font-weight: 700 !important; line-height: 1.4; margin-bottom: 0.8rem; }
h4 { font-size: var(--fs-h4) !important; font-weight: 700 !important; line-height: 1.5; }
h5 { font-size: var(--fs-h5) !important; font-weight: 700 !important; }
h6 { font-size: var(--fs-h6) !important; font-weight: 700 !important; }
p, li, a, label { font-size: var(--fs-body); font-weight: 400; }

/* بازگردانی قطعی فونت اصلی آیکون‌های المنتور و فونت‌آوسم در صورت تداخل لایه‌ها */
[class^="eicon-"], [class*=" eicon-"], .elementor-icons-manager__tab__item_icon, i.eicon {
    font-family: 'elementor-icons' !important;
}
[class^="fa-"], [class*=" fa-"], .fas, .far, .fab {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands', sans-serif !important;
}