/**
 * Persian Calendar CSS
 * استایل‌های مربوط به تقویم شمسی
 */

/* استایل کلی تقویم شمسی */
.persian-datepicker {
    direction: rtl !important;
    font-family: Tahoma, Arial, sans-serif !important;
    width: 250px !important;
}

/* استایل هدر تقویم */
.persian-datepicker .ui-datepicker-header {
    background-color: #2C78FF !important;
    color: white !important;
    border-radius: 5px 5px 0 0 !important;
}

/* استایل دکمه‌های قبل و بعد */
.persian-datepicker .ui-datepicker-prev,
.persian-datepicker .ui-datepicker-next {
    background: transparent !important;
    cursor: pointer !important;
    color: white !important;
}

/* استایل عنوان تقویم */
.persian-datepicker .ui-datepicker-title {
    font-weight: bold !important;
    font-size: 14px !important;
}

/* استایل روزهای هفته */
.persian-datepicker .ui-datepicker-calendar th {
    color: #333 !important;
    font-size: 12px !important;
    padding: 5px !important;
    text-align: center !important;
}

/* استایل روزهای تقویم */
.persian-datepicker .ui-datepicker-calendar td {
    padding: 1px !important;
}

/* استایل روزهای قابل کلیک */
.persian-datepicker .ui-datepicker-calendar td a {
    text-align: center !important;
    border-radius: 4px !important;
    color: #333 !important;
}

/* استایل روز انتخاب شده */
.persian-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background-color: #2C78FF !important;
    color: white !important;
}

/* استایل روز جاری */
.persian-datepicker .ui-datepicker-calendar td a.ui-state-highlight {
    background-color: #f0f0f0 !important;
    border: 1px solid #2C78FF !important;
}

/* جهت RTL برای فیلدهای تاریخ */
.persian-date {
    direction: rtl !important;
    text-align: right !important;
}

/* جهت RTL برای فیلدهای تاریخ و زمان */
.persian-datetime {
    direction: rtl !important;
    text-align: right !important;
}

/* استایل برای input که تقویم شمسی دارد */
input.persian-date {
    direction: rtl;
    text-align: right;
    font-family: 'vazir', 'yekan', Tahoma, Arial;
}

/* استایل مخصوص برای datetimepicker شمسی */
.persian-datetime {
    direction: rtl;
    text-align: right;
    font-family: 'vazir', 'yekan', Tahoma, Arial;
}

/* تنظیم عرض پنجره تقویم */
.persian-datepicker.ui-datepicker {
    width: 240px;
    padding: 0;
    display: none;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    z-index: 9999 !important;
}