/* HUD dark theme overrides for persian-datepicker */
.datepicker-container {
	direction: rtl;
	font-family: IranYekan, Tahoma, sans-serif !important;
}
.datepicker-plot-area {
	background-color: var(--bs-body-bg, #1a1a1a) !important;
	border-color: var(--bs-border-color, #3f3f3f) !important;
	font-family: IranYekan, Tahoma, sans-serif !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}
.datepicker-plot-area * {
	color: var(--bs-body-color, #e2e2e2) !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td span,
.datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item {
	background-color: transparent !important;
	color: var(--bs-body-color, #e2e2e2) !important;
}
.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell {
	color: var(--bs-secondary-color, #9a9a9a) !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td.today span {
	background-color: rgba(var(--bs-theme-rgb, 30, 140, 250), 0.25) !important;
	color: var(--bs-theme, #1e8cfa) !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td.selected span,
.datepicker-plot-area .datepicker-year-view .year-item.selected,
.datepicker-plot-area .datepicker-month-view .month-item.selected {
	background-color: var(--bs-theme, #1e8cfa) !important;
	color: #fff !important;
	text-shadow: none !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td span:hover,
.datepicker-plot-area .datepicker-year-view .year-item:hover,
.datepicker-plot-area .datepicker-month-view .month-item:hover {
	background-color: rgba(var(--bs-theme-rgb, 30, 140, 250), 0.35) !important;
	color: #fff !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td span.other-month {
	color: var(--bs-secondary-color, #6c6c6c) !important;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev,
.datepicker-plot-area .toolbox .pwt-btn-submit,
.datepicker-plot-area .toolbox .pwt-btn-calendar,
.datepicker-plot-area .toolbox .pwt-btn-today {
	background-color: rgba(255, 255, 255, 0.06) !important;
	color: var(--bs-body-color, #e2e2e2) !important;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover,
.datepicker-plot-area .toolbox .pwt-btn-submit:hover,
.datepicker-plot-area .toolbox .pwt-btn-calendar:hover,
.datepicker-plot-area .toolbox .pwt-btn-today:hover {
	background-color: rgba(var(--bs-theme-rgb, 30, 140, 250), 0.25) !important;
}