From 962196d5cbc66979b45fe35a60daa4a81bf8cedd Mon Sep 17 00:00:00 2001
From: "soroush.asadi" <soroush.asadi@aliasaas.com>
Date: Thu, 4 Jun 2026 16:07:05 +0330
Subject: [PATCH] [UI] Make buttons inherit Vazirmatn font

Browsers do not inherit font-family on button/input/select/textarea, so all buttons (the contact-reveal box is mostly buttons) rendered in the UA default font instead of Vazirmatn, clashing with the rest of the page. Add a font-family: inherit reset for form controls and on .btn. Verified the CTA and action buttons now compute to Vazirmatn.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/JobsMedical.Web/wwwroot/css/site.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/JobsMedical.Web/wwwroot/css/site.css b/src/JobsMedical.Web/wwwroot/css/site.css
index d768e88..90aef72 100644
--- a/src/JobsMedical.Web/wwwroot/css/site.css
+++ b/src/JobsMedical.Web/wwwroot/css/site.css
@@ -106,8 +106,12 @@ a { color: inherit; text-decoration: none; }
 .toast-body span { font-size: 13px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
 /* ---------- Buttons ---------- */
+/* Browsers do NOT inherit font-family on <button>/<input> — without this they render
+   Persian text in the UA default font (Tahoma/Arial), which clashes with Vazirmatn. */
+button, input, select, textarea, optgroup { font-family: inherit; }
 .btn {
   display: inline-flex; align-items: center; gap: 6px;
+  font-family: inherit;
   padding: 9px 18px; border-radius: 10px; font-weight: 700; font-size: 14px;
   border: 1px solid transparent; cursor: pointer; transition: all .15s;
 }