/* ============================================================
   FullCalendar — Bootstrap 5 plugin overrides
   The plugin handles most theming via Bootstrap classes.
   These overrides fix dark mode (plugin hardcodes --bs-gray-*)
   and add today highlight + event colors.
   ============================================================ */

.fc {
    --fc-today-bg-color: var(--bs-primary-bg-subtle);
}

/* Dark mode: plugin injects --bs-gray-400 borders / --bs-gray-200 shading */
[data-bs-theme="dark"] .fc-theme-bootstrap5 td,
[data-bs-theme="dark"] .fc-theme-bootstrap5 th,
[data-bs-theme="dark"] .fc-theme-bootstrap5 .fc-list,
[data-bs-theme="dark"] .fc-theme-bootstrap5 .fc-scrollgrid {
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .fc-theme-bootstrap5-shaded {
    background-color: var(--bs-tertiary-bg);
}

/* Button sizing to match Bootstrap sm buttons */
.fc .fc-button {
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
}

/* Weekend day columns */
.fc .fc-day-sat,
.fc .fc-day-sun {
    background-color: var(--bs-secondary-bg);
}

/* Holiday labels */
.fc .fc-event.fc-holiday {
    background: none;
    border: none;
    color: var(--bs-secondary-color);
    font-size: 0.75rem;
    font-style: italic;
    opacity: 0.8;
}

/* Clickable events */
.fc .fc-event {
    cursor: pointer;
}