/* ========== هماهنگ سازی Flatpickr با تم سایت ========== */

/* تم روشن (پیش‌فرض) */
.flatpickr-calendar {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow) !important;
    border-radius: 12px !important;
    font-family: inherit !important;
}

.flatpickr-calendar .flatpickr-month,
.flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-weekday {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

.flatpickr-calendar .flatpickr-day {
    color: var(--text-primary) !important;
    border-color: transparent !important;
}

.flatpickr-calendar .flatpickr-day:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.selected:hover {
    background: var(--primary-color) !important;
    color: white !important;
    border-color: var(--primary-color) !important;
}

.flatpickr-calendar .flatpickr-day.today {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.flatpickr-calendar .flatpickr-day.today:hover {
    background: var(--primary-color) !important;
    color: white !important;
}

.flatpickr-calendar .flatpickr-day.disabled,
.flatpickr-calendar .flatpickr-day.disabled:hover {
    color: var(--text-secondary) !important;
    background: transparent !important;
}

.flatpickr-calendar .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-next-month {
    fill: var(--text-primary) !important;
}

.flatpickr-calendar .flatpickr-prev-month:hover,
.flatpickr-calendar .flatpickr-next-month:hover {
    fill: var(--primary-color) !important;
}

.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
    color: var(--text-primary) !important;
    background: var(--card-bg) !important;
}

.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper:hover {
    background: var(--bg-hover) !important;
}

/* تم تاریک (با کلاس dark-mode) */
.dark-mode .flatpickr-calendar {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

.dark-mode .flatpickr-calendar .flatpickr-day {
    color: var(--text-primary) !important;
}

.dark-mode .flatpickr-calendar .flatpickr-day.selected {
    background: var(--primary-color) !important;
}

.dark-mode .flatpickr-calendar .flatpickr-day.today {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.dark-mode .flatpickr-calendar .flatpickr-prev-month,
.dark-mode .flatpickr-calendar .flatpickr-next-month {
    fill: var(--text-primary) !important;
}