/**
 * تقویم شمسی — ظاهر انتخابگر تاریخ.
 *
 * مستقل از شیت‌های دیگر نوشته شده تا هم در پنل کاربری و هم در پیشخوان
 * وردپرس یک‌شکل باشد.
 *
 * @package Salamat
 */

.sl-jdp {
	position: absolute;
	z-index: 100000;
	width: 292px;
	padding: 14px;
	background: #fff;
	border: 1px solid #E6EAEE;
	border-radius: 16px;
	box-shadow: 0 18px 46px rgba(16, 24, 40, .18);
	font-family: inherit;
	direction: rtl;
	text-align: center;
	box-sizing: border-box;
}

.sl-jdp[hidden] { display: none; }
.sl-jdp * { box-sizing: border-box; }

.sl-jdp__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 10px;
}

.sl-jdp__nav {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	padding: 0;
	background: #F4F7F8;
	border: 0;
	border-radius: 9px;
	color: #0B4F48;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	transition: background-color .15s ease;
}

.sl-jdp__nav:hover { background: #E6F3F2; }

.sl-jdp__sel { display: flex; gap: 6px; }

.sl-jdp__sel select {
	height: 30px;
	padding: 0 6px;
	background: #fff;
	border: 1px solid #E6EAEE;
	border-radius: 9px;
	font: inherit;
	font-size: 13px;
	color: #0F172A;
	cursor: pointer;
	outline: none;
}

.sl-jdp__sel select:focus { border-color: #00897B; }

.sl-jdp__dow,
.sl-jdp__grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 4px;
}

.sl-jdp__dow {
	margin-bottom: 6px;
	color: #94A3B8;
	font-size: 11.5px;
	font-weight: 600;
}

.sl-jdp__day,
.sl-jdp__pad {
	display: grid;
	place-items: center;
	height: 34px;
	border: 0;
	border-radius: 10px;
	background: none;
	font: inherit;
	font-size: 13.5px;
	color: #0F172A;
	cursor: pointer;
	transition: background-color .13s ease, color .13s ease;
}

.sl-jdp__pad { cursor: default; }
.sl-jdp__day:hover { background: #E6F3F2; color: #00695C; }

/* امروز: فقط یک حلقه، تا با «انتخاب‌شده» اشتباه نشود. */
.sl-jdp__day.is-today { box-shadow: inset 0 0 0 1px #00897B; color: #00695C; }

.sl-jdp__day.is-sel {
	background: #00897B;
	color: #fff;
	font-weight: 700;
	box-shadow: 0 4px 10px rgba(0, 137, 123, .32);
}

.sl-jdp__time {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #EEF2F4;
	font-size: 12.5px;
	color: #64748B;
}

.sl-jdp__time select {
	height: 32px;
	padding: 0 8px;
	background: #fff;
	border: 1px solid #E6EAEE;
	border-radius: 9px;
	font: inherit;
	font-size: 13px;
	cursor: pointer;
	outline: none;
}

.sl-jdp__time select:focus { border-color: #00897B; }

.sl-jdp__foot {
	display: flex;
	gap: 8px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #EEF2F4;
}

.sl-jdp__foot button {
	flex: 1;
	height: 34px;
	border: 1px solid #E6EAEE;
	border-radius: 100px;
	background: #fff;
	font: inherit;
	font-size: 13px;
	color: #0F172A;
	cursor: pointer;
	transition: border-color .15s ease, color .15s ease, background-color .15s ease;
}

.sl-jdp__foot button:hover { border-color: #00897B; color: #00897B; background: #F3FAF9; }
.sl-jdp__today { font-weight: 600; }

/* تاریخ نامعتبرِ تایپ‌شده */
.sl-jdate-bad,
input.sl-jdate-bad { border-color: #F83636 !important; }