/* --- Grundlayout & Hintergrund --- */
.flatpickr-calendar {
    background-color: #001847;
    color: #00bfff;
    border: 2px solid #00bfff;
    box-shadow: 0 0 15px #00bfff;
    font-family: 'Poppins', sans-serif;
    border-radius: 12px;
    z-index: 1000;
}

/* --- Tagesfelder --- */
.flatpickr-day {
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    color: #00bfff;
}

.flatpickr-day:hover {
    background-color: #00bfff;
    color: #001847;
    font-weight: bold;
}

.flatpickr-day.today {
    border: 2px solid #00bfff;
    background: transparent;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background-color: #fd08f6;
    color: #001847;
    font-weight: bold;
    box-shadow: 0 0 10px #fd08f6;
}

/* --- Monats- und Jahresleiste --- */
.flatpickr-months .flatpickr-month {
    background-color: #001847;
    color: #00bfff;
    border-bottom: 1px solid #00bfff;
}

/* Dropdowns */
.flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    background-color: transparent;
    border: none;
    color: #00bfff;
    font-weight: bold;
    font-size: 1rem;
}

/* Pfeile links/rechts */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    color: #00bfff;
    fill: #00bfff;
}

/* Wochentage */
.flatpickr-weekdays {
    background-color: #001847;
    color: #00bfff;
    font-weight: bold;
}

/* Zeitbereich (falls aktiviert) */
.flatpickr-time {
    background-color: #001847;
    border-top: 1px solid #00bfff;
    color: #00bfff;
}

/* Disabled-Tage */
.flatpickr-day.disabled,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: #555;
    background: transparent;
    cursor: not-allowed;
}

/* --- Disabled-Tage (sichtbarer & ohne Hover-Effekt) --- */
.flatpickr-day.disabled,
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: #999 !important;   /* etwas dunkleres Grau */
    background: transparent !important;
    box-shadow: none !important;
    cursor: not-allowed;
    font-weight: normal !important;
}

.flatpickr-day.disabled:hover,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover {
    color: #999 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: normal !important;
}

/* Jahr: klassische Flatpickr-Pfeile (▲▼) sichtbar & klickbar machen */
.flatpickr-current-month .numInputWrapper span.arrowUp,
.flatpickr-current-month .numInputWrapper span.arrowDown {
    opacity: 1;                 /* nicht nur bei Hover sichtbar */
}

.flatpickr-current-month .numInputWrapper span.arrowUp::after {
    border-bottom-color: #00bfff; /* Neon-Blau */
}

.flatpickr-current-month .numInputWrapper span.arrowDown::after {
    border-top-color: #00bfff;    /* Neon-Blau */
}

.flatpickr-weekday {
    color: #00bfff !important;
    font-weight: bold;
    text-shadow: 0 0 5px #00bfff;
}