/* --- assets/calendar.css - Inline-Kalender im Buchungs-Widget (ergänzt flatpickr.min.css) --- */

.calendar-box .flatpickr-calendar.inline {
    width: 100%;
    top: 0;
    background: transparent;
    box-shadow: none;
    border: 0;
    font-family: inherit;
    color: var(--text-main);
}

.calendar-box .flatpickr-innerContainer,
.calendar-box .flatpickr-rContainer,
.calendar-box .flatpickr-days,
.calendar-box .dayContainer {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    box-shadow: none;
    border: 0;
}

/* Monatsnavigation */
.calendar-box .flatpickr-months {
    align-items: center;
    margin-bottom: 6px;
}
.calendar-box .flatpickr-months .flatpickr-month {
    height: 38px;
    color: var(--text-main);
    fill: var(--text-main);
}
.calendar-box .flatpickr-current-month {
    font-size: 1rem;
    font-weight: 700;
    padding-top: 10px;
}
.calendar-box .flatpickr-current-month .cur-month,
.calendar-box .flatpickr-current-month input.cur-year {
    font-weight: 700;
    color: var(--text-main);
}
.calendar-box .flatpickr-current-month .cur-month:hover,
.calendar-box .numInputWrapper:hover {
    background: transparent;
}
.calendar-box .numInputWrapper span {
    display: none;
}
.calendar-box .flatpickr-months .flatpickr-prev-month,
.calendar-box .flatpickr-months .flatpickr-next-month {
    top: 1px;
    width: 36px;
    height: 36px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: var(--radius-btn);
    color: var(--text-main);
    fill: var(--text-main);
    transition: background-color 0.15s, border-color 0.15s;
}
.calendar-box .flatpickr-months .flatpickr-prev-month { left: 0; }
.calendar-box .flatpickr-months .flatpickr-next-month { right: 0; }
.calendar-box .flatpickr-months .flatpickr-prev-month:hover,
.calendar-box .flatpickr-months .flatpickr-next-month:hover {
    background: var(--accent-soft);
    border-color: var(--accent);
}
.calendar-box .flatpickr-months .flatpickr-prev-month:hover svg,
.calendar-box .flatpickr-months .flatpickr-next-month:hover svg {
    fill: var(--text-main);
}
.calendar-box .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.calendar-box .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: flex;
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
}
.calendar-box .flatpickr-months svg {
    width: 12px;
    height: 12px;
}

/* Wochentage */
.calendar-box span.flatpickr-weekday {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
}

/* Tage */
.calendar-box .dayContainer {
    justify-content: flex-start;
    gap: 6px 4px;
    padding: 2px 0;
}
.calendar-box .flatpickr-day {
    flex-basis: calc((100% - 24px) / 7);
    width: calc((100% - 24px) / 7);
    max-width: none;
    height: 40px;
    line-height: 40px;
    margin: 0;
    border: 0;
    border-radius: var(--radius-btn);
    font-size: 14px;
    font-weight: 600;
    color: var(--text-main);
    background: var(--accent-soft);
    transition: transform 0.12s ease, background-color 0.15s;
}
.calendar-box .flatpickr-day:hover,
.calendar-box .flatpickr-day:focus {
    background: var(--accent-soft);
    border: 0;
    transform: translateY(-1px);
    box-shadow: inset 0 0 0 2px var(--accent);
    outline: none;
}
.calendar-box .flatpickr-day.today {
    box-shadow: inset 0 0 0 1.5px var(--accent-ink);
}
.calendar-box .flatpickr-day.selected,
.calendar-box .flatpickr-day.selected:hover,
.calendar-box .flatpickr-day.selected:focus {
    background: var(--accent);
    color: var(--accent-text);
    font-weight: 700;
    box-shadow: 0 6px 16px -4px var(--accent-glow);
}
.calendar-box .flatpickr-day.flatpickr-disabled,
.calendar-box .flatpickr-day.flatpickr-disabled:hover {
    background: transparent;
    color: var(--text-muted);
    font-weight: 500;
    opacity: 0.45;
    cursor: default;
    transform: none;
    box-shadow: none;
}
.calendar-box .flatpickr-day.flatpickr-disabled.today {
    opacity: 1;
    box-shadow: inset 0 0 0 1.5px var(--accent-ink);
}
.calendar-box .flatpickr-day.is-closed {
    text-decoration: line-through;
}
/* Solange die freien Tage des Monats geladen werden: neutral statt grün, damit nichts aufblinkt */
.calendar-box .is-loading .flatpickr-day:not(.flatpickr-disabled):not(.selected) {
    background: transparent;
    color: var(--text-muted);
    pointer-events: none;
    transform: none;
    box-shadow: none;
}
/* Vormonat als Platzhalter für die Wochentags-Ausrichtung, Folgemonat ganz weg (keine leere Zeile) */
.calendar-box .flatpickr-day.prevMonthDay {
    visibility: hidden;
}
.calendar-box .flatpickr-day.nextMonthDay {
    display: none;
}

/* Flatpickr macht das Eingabefeld sichtbar; das Datum steht bereits über den Uhrzeiten */
#datePicker {
    display: none;
}