/* VENDORED from dm-shared (modules/jalali, commit e1c37c3) — do NOT edit here. */
/**
 * انتخابگرِ تاریخ جلالی — همهٔ قاعده‌ها زیرِ ریشهٔ پیشونددارِ خودمان.
 *
 * ⚠ هیچ قاعده‌ای روی body/html/* نوشته نمی‌شود: این شیت داخلِ پیشخوانِ وردپرس و
 *   روی قالبِ مشتری هم بارگذاری می‌شود و نشتی‌اش ظاهرِ صفحهٔ میزبان را می‌شکند.
 * ⚠ رنگ‌ها متغیرِ CSS‌اند تا افزونهٔ میزبان با بازنویسیِ همین چند متغیر، انتخابگر را
 *   با زبانِ طراحیِ خودش هماهنگ کند — بدونِ دست‌زدن به این فایل.
 */

.dmjd {
	--dmjd-ink: #2b2b2b;
	--dmjd-muted: #6f6f6f;
	--dmjd-line: #d4d4d4;
	--dmjd-surface: #fff;
	--dmjd-raised: #f6f6f6;
	--dmjd-accent: #2f6fb5;
	--dmjd-accent-ink: #fff;
	--dmjd-danger: #a4402f;
	--dmjd-radius: 6px;
	--dmjd-gap: 6px;
	--dmjd-cell: 34px;

	position: relative;
	display: block;
	direction: rtl;
	text-align: start;
	box-sizing: border-box;
	color: var(--dmjd-ink);
	font-size: 13px;
	line-height: 1.7;
}

.dmjd *,
.dmjd *::before,
.dmjd *::after {
	box-sizing: inherit;
}

/* بازگرداندنِ رفتارِ استانداردِ صفتِ hidden — جاوااسکریپتِ همین ماژول با آن پنهان می‌کند
   و هر کلاسی که display بدهد از آن قوی‌تر است. عمداً محدود به ریشهٔ خودمان. */
.dmjd [hidden] {
	display: none !important;
}

/* ─────────────────────────────── فیلدِ تک‌تاریخ */

.dmjd-control {
	display: flex;
	align-items: stretch;
	gap: 4px;
}

.dmjd-display {
	flex: 1 1 auto;
	min-width: 0;
	height: 38px;
	padding-inline: 10px;
	border: 1px solid var(--dmjd-line);
	border-radius: var(--dmjd-radius);
	background: var(--dmjd-surface);
	color: inherit;
	font: inherit;
	text-align: start;
}

.dmjd-display:focus {
	outline: 2px solid var(--dmjd-accent);
	outline-offset: 1px;
}

.dmjd-btn {
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--dmjd-line);
	border-radius: var(--dmjd-radius);
	background: var(--dmjd-raised);
	color: var(--dmjd-muted);
	cursor: pointer;
}

.dmjd-btn:hover {
	color: var(--dmjd-ink);
}

.dmjd-btn:focus-visible {
	outline: 2px solid var(--dmjd-accent);
	outline-offset: 1px;
}

.dmjd-btn-icon {
	font-size: 15px;
	line-height: 1;
}

/* ─────────────────────────────── فیلدِ تاریخ تولد (سه‌خانه) */

.dmjd-triple {
	display: flex;
	align-items: flex-start;
	gap: var(--dmjd-gap);
}

.dmjd-cellwrap {
	flex: 1 1 0;
	text-align: center;
}

.dmjd--birth .dmjd-btn--cal {
	flex: 0 0 auto;
	margin-block-start: 0;
}

.dmjd-cell {
	width: 100%;
	height: 42px;
	border: 1px solid var(--dmjd-line);
	border-radius: var(--dmjd-radius);
	background: var(--dmjd-surface);
	color: inherit;
	font: inherit;
	font-size: 15px;
	text-align: center;
	letter-spacing: 1px;
}

.dmjd-cell:focus {
	outline: 2px solid var(--dmjd-accent);
	outline-offset: 1px;
}

.dmjd-cell.is-invalid {
	border-color: var(--dmjd-danger);
	background: #fdf6f5;
	color: var(--dmjd-danger);
}

.dmjd-cell-lbl {
	display: block;
	margin-block-start: 3px;
	color: var(--dmjd-muted);
	font-size: 11px;
}

.dmjd-long {
	margin: 7px 0 0;
	color: var(--dmjd-muted);
	font-size: 12px;
}

/* ─────────────────────────────── پیام */

.dmjd-msg {
	margin: 6px 0 0;
	color: var(--dmjd-danger);
	font-size: 12px;
}

/* ─────────────────────────────── پنلِ تقویم */

.dmjd-panel {
	position: absolute;
	z-index: 9999;
	inset-inline-start: 0;
	margin-block-start: 4px;
	padding: 10px;
	width: 268px;
	border: 1px solid var(--dmjd-line);
	border-radius: 8px;
	background: var(--dmjd-surface);
	box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
}

.dmjd-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	margin-block-end: 8px;
}

.dmjd-nav {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--dmjd-line);
	border-radius: 4px;
	background: var(--dmjd-raised);
	color: var(--dmjd-muted);
	font-size: 15px;
	cursor: pointer;
}

.dmjd-title {
	flex: 1 1 auto;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.dmjd-title[disabled] {
	cursor: default;
}

.dmjd-nav:focus-visible,
.dmjd-title:focus-visible,
.dmjd-day:focus-visible,
.dmjd-opt:focus-visible,
.dmjd-mini:focus-visible {
	outline: 2px solid var(--dmjd-accent);
	outline-offset: 1px;
}

.dmjd-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 3px;
}

.dmjd-grid4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5px;
}

.dmjd-dow {
	padding-block: 3px;
	color: var(--dmjd-muted);
	font-size: 11px;
	text-align: center;
}

.dmjd-day {
	min-height: var(--dmjd-cell);
	border: 1px solid transparent;
	border-radius: 4px;
	background: none;
	color: inherit;
	font: inherit;
	font-size: 12px;
	cursor: pointer;
}

.dmjd-day:hover:not([disabled]) {
	background: var(--dmjd-raised);
}

.dmjd-day.is-blank {
	cursor: default;
}

.dmjd-day.is-off {
	color: var(--dmjd-danger);
}

.dmjd-day.is-today {
	border-color: var(--dmjd-muted);
	font-weight: 700;
}

.dmjd-day.is-picked {
	background: var(--dmjd-accent);
	border-color: var(--dmjd-accent);
	color: var(--dmjd-accent-ink);
	font-weight: 700;
}

.dmjd-day.is-disabled {
	color: #c4c4c4;
	cursor: not-allowed;
}

.dmjd-opt {
	min-height: var(--dmjd-cell);
	border: 1px solid var(--dmjd-line);
	border-radius: 4px;
	background: var(--dmjd-surface);
	color: inherit;
	font: inherit;
	font-size: 12px;
	cursor: pointer;
}

.dmjd-opt.is-picked {
	background: var(--dmjd-accent);
	border-color: var(--dmjd-accent);
	color: var(--dmjd-accent-ink);
	font-weight: 700;
}

.dmjd-opt.is-disabled {
	color: #c4c4c4;
	cursor: not-allowed;
}

.dmjd-foot {
	display: flex;
	justify-content: space-between;
	gap: 6px;
	margin-block-start: 9px;
	padding-block-start: 8px;
	border-block-start: 1px dashed var(--dmjd-line);
}

.dmjd-mini {
	flex: 1 1 auto;
	min-height: 26px;
	border: 1px solid var(--dmjd-line);
	border-radius: 4px;
	background: var(--dmjd-raised);
	color: var(--dmjd-muted);
	font: inherit;
	font-size: 11px;
	cursor: pointer;
}

.dmjd-mini:hover {
	color: var(--dmjd-ink);
}

/* روی نمایشگرِ باریک، پنل به عرضِ فیلد می‌چسبد تا از صفحه بیرون نزند. */
@media (max-width: 480px) {
	.dmjd-panel {
		width: 100%;
		inset-inline: 0;
	}
}
