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

/* استایل برای هدر تقویم با پس زمینه آبی آسمانی */
.ui-datepicker .ui-datepicker-header {
    background-color:rgb(191, 206, 218) !important; /* پس زمینه آبی آسمانی */
    color: #ffffff !important; /* رنگ متن تیره برای خوانایی بهتر */
    padding: 8px !important;
    border-radius: 4px !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: #0B3253 !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; /* متن سفید */
}

/* استایل برای روزهای جمعه - رنگ قرمز */
.ui-datepicker-calendar tr td:last-child a {
    color: #FF0000 !important; /* رنگ قرمز برای اعداد روز جمعه */
}

/* حفظ رنگ متن سفید برای جمعه‌هایی که امروز هستند */
.ui-datepicker .ui-datepicker-current-day:last-child a,
.ui-datepicker .ui-datepicker-today:last-child a {
    color: #F4FFF9 !important;
}