/* مسیرها رو نسبت به فایل CSS درست کن (../fonts/ چون css در زیرپوشه css هست) */
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazirmatn[wght].woff2') format('woff2-variations');
    src: url('../fonts/Vazirmatn[wght].woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'CaviarDreams';
    src: url('../fonts/CaviarDreams_Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

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

/* برای فارسی (Polylang معمولاً fa-IR یا fa استفاده می‌کنه) */
html[lang|="fa"] body,
html[lang|="fa"] h1, html[lang|="fa"] h2, html[lang|="fa"] h3, html[lang|="fa"] h4, html[lang|="fa"] h5, html[lang|="fa"] h6,
html[lang|="fa"] button, html[lang|="fa"] input, html[lang|="fa"] select, html[lang|="fa"] textarea,
html[lang|="fa"] .elementor-widget-heading .elementor-heading-title {
    font-family: 'Vazirmatn', sans-serif !important;
}

/* برای انگلیسی */
html:not([lang|="fa"]) body,
html:not([lang|="fa"]) h1, html:not([lang|="fa"]) h2, html:not([lang|="fa"]) h3, html:not([lang|="fa"]) h4, html:not([lang|="fa"]) h5, html:not([lang|="fa"]) h6,
html:not([lang|="fa"]) button, html:not([lang|="fa"]) input, html:not([lang|="fa"]) select, html:not([lang|="fa"]) textarea,
html:not([lang|="fa"]) .elementor-widget-heading .elementor-heading-title {
    font-family: 'CaviarDreams', sans-serif !important;
}