/* Manuel360 Kalender – Styling
 * Dezente Anpassung an dein Blau (#1F4E79). FullCalendar bringt sein
 * Basis-Styling im JS-Bundle bereits mit; hier nur Feinschliff.
 */

.manuel360-kalender-wrap {
    margin: 1.5em 0;
    --m360-blau: #1F4E79;
}

.manuel360-kalender {
    font-size: 0.95rem;
}

/* Buttons (prev/next/today/Kachel/Liste) im Markenblau */
.manuel360-kalender .fc .fc-button-primary {
    background-color: var(--m360-blau);
    border-color: var(--m360-blau);
}
.manuel360-kalender .fc .fc-button-primary:hover,
.manuel360-kalender .fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: #163a5c;
    border-color: #163a5c;
}
.manuel360-kalender .fc .fc-button-primary:focus,
.manuel360-kalender .fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(31, 78, 121, 0.35);
}

/* Heutiger Tag dezent hervorheben */
.manuel360-kalender .fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(31, 78, 121, 0.08);
}

/* Termine */
.manuel360-kalender .fc-event,
.manuel360-kalender .fc-event-dot {
    background-color: var(--m360-blau);
    border-color: var(--m360-blau);
}
.manuel360-kalender .fc-event {
    cursor: pointer;
}

/* Mobile: Toolbar umbrechen lassen */
@media (max-width: 600px) {
    .manuel360-kalender .fc .fc-toolbar.fc-header-toolbar {
        flex-direction: column;
        gap: 0.5em;
    }
    .manuel360-kalender .fc .fc-toolbar-title {
        font-size: 1.2em;
    }
}