/* تنظیم عرض و ارتفاع سفارشی برای DatePicker */
.ui-datepicker {
    width: 350px !important; /* عرض سفارشی */
    height: auto !important; /* ارتفاع خودکار */
    padding: 10px !important; /* فاصله داخلی */
}

.ui-datepicker table {
    width: 100% !important; /* عرض جدول به صورت 100% */
}

.ui-datepicker td a {
    padding: 10px !important; /* فاصله داخلی سلول‌ها */
}

/* استایل برای روز فعلی (امروز) */
.ui-datepicker .ui-datepicker-current-day a,
.ui-datepicker .ui-datepicker-today a {
    background: #084722 !important; /* پس‌زمینه زرد */
    color: #F4FFF9 !important; /* متن مشکی */
}

/* استایل برای تاریخ‌های انتخاب شده */
.ui-datepicker .ui-datepicker-current-day .ui-state-active,
.ui-datepicker .ui-datepicker-current-day .ui-state-highlight,
.ui-datepicker .ui-datepicker-current-day .ui-state-hover {
    background: lightblue !important; /* پس‌زمینه آبی کمرنگ */
    color: #FFFFFF !important; /* متن سفید */
}