/* Vazirmatn - self-hosted (no CDN). Weights: 400, 500, 600, 700. */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./Vazirmatn-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./Vazirmatn-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./Vazirmatn-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./Vazirmatn-Bold.woff2') format('woff2');
}

/*
 * This file is loaded only for Persian (fa).
 * Force Vazirmatn everywhere: form controls do not inherit fonts,
 * and many page CSS files hardcode system stacks.
 */
:root {
  --vp-font-fa: "Vazirmatn", Tahoma, Arial, sans-serif;
  --vp-font-fa-latin: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --vp-font-fa-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

html[dir="rtl"],
html[lang="fa"],
html[lang="fa-IR"] {
  font-family: var(--vp-font-fa) !important;
}

html[dir="rtl"] body,
html[lang="fa"] body,
html[lang="fa-IR"] body,
html[dir="rtl"] button,
html[lang="fa"] button,
html[dir="rtl"] input,
html[lang="fa"] input,
html[dir="rtl"] select,
html[lang="fa"] select,
html[dir="rtl"] textarea,
html[lang="fa"] textarea,
html[dir="rtl"] optgroup,
html[lang="fa"] optgroup {
  font-family: var(--vp-font-fa) !important;
}

html[dir="rtl"] *:not(code):not(pre):not(kbd):not(samp):not(svg):not(path):not(text):not(.brand-name):not(.brand-visual):not(.brand-pay):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.bi):not([class^="uk-icon"]):not([class*=" uk-icon"]),
html[lang="fa"] *:not(code):not(pre):not(kbd):not(samp):not(svg):not(path):not(text):not(.brand-name):not(.brand-visual):not(.brand-pay):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.bi):not([class^="uk-icon"]):not([class*=" uk-icon"]) {
  font-family: var(--vp-font-fa) !important;
}

/* Latin brand lockup stays system sans */
html[dir="rtl"] .brand-name,
html[dir="rtl"] .brand-name .brand-visual,
html[dir="rtl"] .brand-name .brand-pay,
html[lang="fa"] .brand-name,
html[lang="fa"] .brand-name .brand-visual,
html[lang="fa"] .brand-name .brand-pay {
  font-family: var(--vp-font-fa-latin) !important;
}

/* Code / mono islands */
html[dir="rtl"] code,
html[dir="rtl"] pre,
html[dir="rtl"] kbd,
html[dir="rtl"] samp,
html[dir="rtl"] .mono,
html[dir="rtl"] .webhook-example-code,
html[dir="rtl"] .webhook-example-code code,
html[dir="rtl"] .api-guide__code-block,
html[dir="rtl"] .api-guide__code-block code,
html[dir="rtl"] .api-guide__code-block pre,
html[lang="fa"] code,
html[lang="fa"] pre,
html[lang="fa"] kbd,
html[lang="fa"] samp,
html[lang="fa"] .mono,
html[lang="fa"] .webhook-example-code,
html[lang="fa"] .webhook-example-code code,
html[lang="fa"] .api-guide__code-block,
html[lang="fa"] .api-guide__code-block code,
html[lang="fa"] .api-guide__code-block pre {
  font-family: var(--vp-font-fa-mono) !important;
}