/* Flatpickr Orange Theme - PhotoCRM Accent Color */
/* IMPORTANT: All selectors use !important to override Flatpickr defaults */

/* Main calendar background */
.flatpickr-calendar {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border: 1px solid #dee2e6 !important;
}

/* Ensure calendar appears above modals */
.flatpickr-calendar.open {
    z-index: 9999999 !important; /* Aktiver Picker muss IMMER sichtbar sein - nichts darf darüber liegen */
}

/* Month navigation arrows */
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #ea580c !important;
}

/* Current month/year display */
.flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.flatpickr-current-month .numInputWrapper:hover {
    background: rgba(234, 88, 12, 0.1) !important;
}

/* Weekday headers */
.flatpickr-weekdays {
    background: #f8f9fa !important;
}

span.flatpickr-weekday {
    color: #6c757d !important;
    font-weight: 600 !important;
}

/* Today - with gray outline */
.flatpickr-day.today {
    border-color: #6c757d !important;
    background: transparent !important;
    color: inherit !important;
}

.flatpickr-day.today:hover {
    border-color: #ea580c !important;
    background: rgba(234, 88, 12, 0.1) !important;
    color: #ea580c !important;
}

/* Selected day - ORANGE */
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected.inRange,
.flatpickr-calendar .flatpickr-day.startRange.inRange,
.flatpickr-calendar .flatpickr-day.endRange.inRange,
.flatpickr-calendar .flatpickr-day.selected:focus,
.flatpickr-calendar .flatpickr-day.startRange:focus,
.flatpickr-calendar .flatpickr-day.endRange:focus,
.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-day.selected.prevMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.selected.nextMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.nextMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.nextMonthDay {
    background: #ea580c !important;
    background-color: #ea580c !important;
    border-color: #ea580c !important;
    color: white !important;
}

/* Today + Selected = Orange background */
.flatpickr-calendar .flatpickr-day.today.selected {
    background: #ea580c !important;
    background-color: #ea580c !important;
    border-color: #ea580c !important;
    color: white !important;
}

/* Hover state */
.flatpickr-day:hover:not(.selected):not(.today):not(.disabled) {
    background: rgba(234, 88, 12, 0.1) !important;
    border-color: rgba(234, 88, 12, 0.3) !important;
}

/* Time picker */
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
    background: rgba(234, 88, 12, 0.1) !important;
}

.flatpickr-time .numInputWrapper span.arrowUp:after,
.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-bottom-color: #ea580c !important;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #ea580c !important;
}

/* Input focus state */
.flatpickr-input:focus {
    border-color: #ea580c !important;
    box-shadow: 0 0 0 0.25rem rgba(234, 88, 12, 0.25) !important;
}

/* Confirm button (if enabled) */
.flatpickr-confirm {
    background: #ea580c !important;
    border-color: #ea580c !important;
}

.flatpickr-confirm:hover {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
}

/* Month dropdown */
.flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent !important;
}

.flatpickr-monthDropdown-months .flatpickr-monthDropdown-month:hover {
    background-color: rgba(234, 88, 12, 0.1) !important;
}

/* Disabled days */
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
    color: #adb5bd !important;
}

/* Week numbers */
.flatpickr-day.week.selected {
    background: rgba(234, 88, 12, 0.1) !important;
    border-color: rgba(234, 88, 12, 0.3) !important;
}