/**
 * Coffee Hours widget — FullCalendar styles
 * Light-mode fixes and dark-mode theming for the FC calendar.
 */

/* Restore FC's intended toolbar title size (site.css h2 rule sets 2.375rem) */
.fc-toolbar h2 {
    font-size: 1.75em;
}

/* Force white text on coloured event blocks in all modes */
.fc-event .fc-time,
.fc-event .fc-title {
    color: #fff !important;
}

/* WCAG 2.5.5 enhanced touch target size (44×44 px) for toolbar buttons */
.fc-button {
    min-height: 2.75em;
    min-width: 2.75em;
}

/* ==========================================================
   Dark mode
   ========================================================== */

/* Grid borders */
[data-mode="dark"] .fc-unthemed td,
[data-mode="dark"] .fc-unthemed th,
[data-mode="dark"] .fc-unthemed .fc-row,
[data-mode="dark"] .fc-unthemed tbody,
[data-mode="dark"] .fc-unthemed thead {
    border-color: var(--dark-border);
}

/* Today cell: subtle warm tint instead of the jarring #fcf8e3 yellow */
[data-mode="dark"] .fc-unthemed td.fc-today {
    background: rgba(207, 185, 145, 0.1);
}

/* Non-business hours: darker overlay (inherits .fc-bgevent opacity: .3) */
[data-mode="dark"] .fc-nonbusiness {
    background: #000;
}

/* Dividers / popover headers */
[data-mode="dark"] .fc-unthemed .fc-divider,
[data-mode="dark"] .fc-unthemed .fc-list-heading td,
[data-mode="dark"] .fc-unthemed .fc-popover .fc-header {
    background: var(--dark-surface-2);
    border-color: var(--dark-border);
}

[data-mode="dark"] .fc-unthemed .fc-popover {
    background-color: var(--dark-surface);
    color: var(--dark-text-primary);
}

[data-mode="dark"] hr.fc-divider {
    border-color: var(--dark-border);
}

/* Time axis and day header labels */
[data-mode="dark"] .fc-axis.fc-time span,
[data-mode="dark"] .fc-day-header span {
    color: var(--dark-text-secondary);
}

/* Toolbar date heading */
[data-mode="dark"] .fc-toolbar h2 {
    color: var(--dark-text-primary);
}

/* Toolbar buttons */
[data-mode="dark"] .fc-button-primary {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
    color: var(--dark-text-primary);
}

[data-mode="dark"] .fc-button-primary:hover {
    background-color: var(--dark-button-hover);
    border-color: var(--dark-border);
    color: #ffffff;
}

[data-mode="dark"] .fc-button-primary:disabled {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
    color: var(--dark-text-secondary);
    opacity: 0.6;
}