@font-face {
	font-family: "Vazirmatn";
	src: url("/assets/erpnext/fonts/vazirmatn/Vazirmatn.woff2") format("woff2-variations");
	src: url("/assets/erpnext/fonts/vazirmatn/Vazirmatn.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

body,
input,
textarea,
select,
button,
.frappe-control,
.form-control,
.desk-sidebar,
.navbar,
.modal,
.dropdown-menu,
.datepicker,
.page-container {
	font-family: "Vazirmatn", var(--font-stack, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
}

html {
	--font-stack: "Vazirmatn", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-family-sans-serif: "Vazirmatn", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[lang="fa"] .datepicker,
html[lang="fa"] .datepicker--nav,
html[lang="fa"] .datepicker--content {
	direction: rtl;
}

.jalali-date-picker {
	position: absolute;
	z-index: 1051;
	width: 292px;
	padding: 10px;
	border: 1px solid var(--border-color, #d1d8dd);
	border-radius: 8px;
	background: var(--fg-color, #fff);
	box-shadow: var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.14));
	font-family: "Vazirmatn", var(--font-stack, system-ui, sans-serif) !important;
}

.jalali-date-picker__header,
.jalali-date-picker__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.jalali-date-picker__selectors {
	display: grid;
	grid-template-columns: 1fr 86px;
	gap: 6px;
	flex: 1;
}

.jalali-date-picker__selectors .form-control {
	height: 30px;
	padding: 3px 6px;
	font-size: 12px;
}

.jalali-date-picker__weekdays,
.jalali-date-picker__days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 4px;
	margin-top: 8px;
	text-align: center;
}

.jalali-date-picker__weekdays span {
	color: var(--text-muted, #8d99a6);
	font-size: 12px;
	font-weight: 600;
}

.jalali-day {
	height: 30px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: var(--text-color, #36414c);
	font-size: 13px;
	line-height: 30px;
	cursor: pointer;
}

.jalali-day:not(.empty):hover {
	background: var(--control-bg, #f4f5f6);
}

.jalali-day.empty {
	cursor: default;
}

.jalali-day.today {
	outline: 1px solid var(--primary, #2490ef);
}

.jalali-day.selected {
	background: var(--primary, #2490ef);
	color: #fff;
}

.jalali-date-picker__footer {
	margin-top: 10px;
}