/**
 * فونت فارسی «وزیرمتن» برای همه رابط‌های افزونه (ورود، پروفایل، فاکتور، کارت دوره).
 *
 * ترتیب منابع در هر @font-face عمداً دو مرحله‌ای است:
 *   ۱) فایل محلی داخل خود افزونه (assets/fonts/…) — بدون وابستگی به اینترنت خارجی.
 *   ۲) اگر فایل محلی وجود نداشت، مرورگر به‌صورت خودکار سراغ CDN می‌رود.
 * بنابراین حتی اگر پوشه fonts خالی باشد، صفحه ورود فونت فارسی درست را می‌گیرد؛
 * و به‌محض اینکه فایل‌های woff2 را داخل assets/fonts بگذارید، بدون هیچ تغییری در
 * کد، از نسخه محلی (سریع‌تر و بدون درخواست خارجی) استفاده می‌شود.
 */

@font-face {
	font-family: "Vazirmatn";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/Vazirmatn-Regular.woff2") format("woff2"),
	     url("https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Regular.woff2") format("woff2");
}

@font-face {
	font-family: "Vazirmatn";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/Vazirmatn-Medium.woff2") format("woff2"),
	     url("https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Medium.woff2") format("woff2");
}

@font-face {
	font-family: "Vazirmatn";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/Vazirmatn-Bold.woff2") format("woff2"),
	     url("https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Bold.woff2") format("woff2");
}

@font-face {
	font-family: "Vazirmatn";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/Vazirmatn-ExtraBold.woff2") format("woff2"),
	     url("https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-ExtraBold.woff2") format("woff2");
}

/* پشته فونت مشترک همه بخش‌های افزونه */
:root {
	--clw-font: "Vazirmatn", "IRANSans", "IRANYekan", Tahoma, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* اعمال روی ریشه‌های افزونه (نه کل سایت، تا با قالب کاربر تداخل نکند) */
.otp-showcase,
.otp-showcase input,
.otp-showcase button,
.clw-profile,
.clw-profile input,
.clw-profile button,
.clw-profile select,
.clw-profile textarea,
.clw-courses-wrap,
.clw-courses-wrap button,
.clw-course-card,
.clw-invoice,
.clw-invoice-modal,
.wsho-wrap,
.wsho-wrap button,
.wsho-wrap input {
	font-family: var(--clw-font);
	font-feature-settings: "ss01";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ارقام فارسی/لاتین داخل کادرهای کد و شماره تلفن همیشه چپ‌چین و خوانا بمانند */
.otp-showcase .otp-digit,
.otp-showcase .otp-phone-input,
.clw-ltr {
	font-family: var(--clw-font);
	font-variant-numeric: lining-nums tabular-nums;
	direction: ltr;
	unicode-bidi: isolate;
}