/* تقویم شمسی — رنگ‌ها با متغیر قابل تغییرند. مثال برای هماهنگی با رنگ سایت:
   :root { --wjb-primary: #b3541e; }   */
.wjb-box, .wjb-cal, .wjb-pop {
	--wjb-p: var(--wjb-primary, #0e4a63);       /* آبی نفتی */
	--wjb-on-p: var(--wjb-on-primary, #ffffff);
	--wjb-pt: var(--wjb-primary-text, #0e4a63);   /* رنگ متن/لینک روی زمینه سفید */
	--wjb-text: var(--wjb-text-color, #1c2b36);
	--wjb-soft: #eef3f6;
	--wjb-line: #d3dde3;
}
.wjb-cal { direction: rtl; text-align: right; background: #fff; color: var(--wjb-text); border: 1px solid var(--wjb-line); border-radius: 12px; padding: 12px; box-sizing: border-box; }
.wjb-cal * { box-sizing: border-box; }

/* ریست دکمه‌ها: جلوگیری از اثر استایل دکمه‌های قالب (پس‌زمینه طوسی / متن سفید) */
.wjb-cal button {
	-webkit-appearance: none; appearance: none;
	background: var(--wjb-soft); color: var(--wjb-text);
	border: 1px solid transparent; border-radius: 8px;
	box-shadow: none; text-shadow: none; text-transform: none; letter-spacing: 0;
	font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.3;
	min-height: 0; height: auto; width: auto; margin: 0; padding: 8px 12px; cursor: pointer;
	transition: background .15s, color .15s;
}
.wjb-cal button:hover:not([disabled]) { background: #dbe8ee; color: var(--wjb-pt); }
.wjb-cal button[disabled] { opacity: .35; cursor: not-allowed; }

.wjb-cal-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 10px; }
.wjb-cal-head-center { justify-content: center; }
.wjb-cal-title { font-weight: 700; color: var(--wjb-pt); font-size: 15px; }
.wjb-cal .wjb-prev, .wjb-cal .wjb-next { color: var(--wjb-pt); font-size: 13px; }
.wjb-cal .wjb-title-btn { background: transparent; color: var(--wjb-pt); font-weight: 700; font-size: 15px; padding: 4px 8px; border-bottom: 2px dotted var(--wjb-p); border-radius: 4px; }
.wjb-cal .wjb-title-btn:hover:not([disabled]) { background: var(--wjb-soft); }
.wjb-title-static { padding: 4px 8px; }

.wjb-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; text-align: center; }
.wjb-wd { font-size: 12px; color: #5d6b76; padding: 4px 0; font-weight: 600; }
.wjb-cal .wjb-day-btn { width: 100%; padding: 10px 0; }
.wjb-cal .wjb-day-btn.is-today { border-color: var(--wjb-p); }
.wjb-cal .wjb-day-btn.is-sel, .wjb-cal .wjb-day-btn.is-sel:hover:not([disabled]) { background: var(--wjb-p); color: var(--wjb-on-p); }
.wjb-cal .wjb-day-btn[disabled] { background: transparent; color: #8a97a1; }

/* لیست ماه‌ها و سال‌ها: زیر هم، تک‌ستونه */
.wjb-pick-list { display: flex; flex-direction: column; gap: 6px; max-height: 270px; overflow-y: auto; padding: 2px; }
.wjb-cal .wjb-pick-btn { display: block; width: 100%; text-align: right; padding: 10px 14px; }
.wjb-cal .wjb-pick-btn.is-sel, .wjb-cal .wjb-pick-btn.is-sel:hover:not([disabled]) { background: var(--wjb-p); color: var(--wjb-on-p); }