/**
 * BCC Events Calendar — bcc-events-calendar.css
 * Place in: assets/bcc-events-calendar.css
 *
 * Strategy: let FullCalendar's default styles do the heavy lifting.
 * Only override what's needed to fix theme conflicts and match the
 * clean default look in the screenshot.
 */

/* ── Wrapper ──────────────────────────────────────────────────────── */
.bcc-events-calendar {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    padding: 16px;
    background: #fff;
    color: #374151;
}

/* ── Reset: neutralise any theme colours bleeding into FC cells ───── */
.bcc-events-calendar .fc-daygrid-day,
.bcc-events-calendar .fc-daygrid-day-frame,
.bcc-events-calendar .fc-col-header-cell,
.bcc-events-calendar td,
.bcc-events-calendar th {
    background: transparent;
    color: inherit;
}

/* ── Toolbar title ────────────────────────────────────────────────── */
.bcc-events-calendar .fc-toolbar-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

/* ── Buttons — match screenshot (blue filled active, outlined rest) ── */
.bcc-events-calendar .fc-button,
.bcc-events-calendar .fc-button-primary {
    background-color : #3788d8 !important;
    border-color     : #3788d8 !important;
    color            : #fff !important;
    font-size        : 0.85rem !important;
    font-weight      : 500 !important;
    box-shadow       : none !important;
    text-transform   : capitalize;
}

.bcc-events-calendar .fc-button:hover,
.bcc-events-calendar .fc-button-primary:hover {
    background-color: #2563eb !important;
    border-color    : #2563eb !important;
}

.bcc-events-calendar .fc-button-primary:not(:disabled).fc-button-active,
.bcc-events-calendar .fc-button-primary:not(:disabled):active {
    background-color: #1d4ed8 !important;
    border-color    : #1d4ed8 !important;
}

/* ── Day number — plain, no decoration ───────────────────────────── */
.bcc-events-calendar .fc-daygrid-day-number,
.bcc-events-calendar .fc-col-header-cell-cushion {
    color          : #374151;
    text-decoration: none !important;
}

/* Adjacent-month days — greyed out ──────────────────────────────── */
.bcc-events-calendar .fc-day-other .fc-daygrid-day-number {
    color: #9ca3af;
}

/* Today cell — light yellow tint (matches screenshot) ───────────── */
.bcc-events-calendar .fc-day-today {
    background-color: #fefce8 !important;   /* yellow-50 */
}

.bcc-events-calendar .fc-day-today .fc-daygrid-day-number {
    color: #374151;
}

/* ── Events ───────────────────────────────────────────────────────── */
.bcc-events-calendar .fc-event {
    font-size  : 0.78rem;
    font-weight: 500;
    cursor     : pointer;
    border     : none;
}

.bcc-events-calendar .fc-event:hover {
    filter: brightness(0.93);
}

/* ── Popover ──────────────────────────────────────────────────────── */
.bcc-events-calendar .fc-popover {
    background  : #fff;
    border      : 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow  : 0 4px 12px rgba(0, 0, 0, 0.10);
    color       : #374151;
}

.bcc-events-calendar .fc-popover-header {
    background: #f9fafb;
    color     : #111827;
    padding   : 8px 12px;
}

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .bcc-events-calendar {
        padding: 8px;
    }

    .bcc-events-calendar .fc-toolbar-title {
        font-size: 1rem;
    }
}

/* ── Tooltip (Tippy.js — theme: bcc-calendar) ─────────────────────── */
.tippy-box[data-theme~='bcc-calendar'] {
    background-color: #1f2937;
    color           : #f9fafb;
    border-radius   : 6px;
    font-size       : 0.8rem;
    max-width       : 240px;
    box-shadow      : 0 4px 16px rgba(0, 0, 0, 0.25);
}

.tippy-box[data-theme~='bcc-calendar'] .tippy-arrow {
    color: #1f2937;
}

.bcc-cal-tooltip {
    display        : flex;
    flex-direction : column;
    gap            : 4px;
    padding        : 2px 0;
}

.bcc-cal-tooltip__title {
    font-weight: 600;
    font-size  : 0.82rem;
    line-height: 1.3;
}

.bcc-cal-tooltip__row {
    font-size  : 0.75rem;
    color      : #d1d5db;
    line-height: 1.4;
}

.bcc-cal-tooltip__row em {
    font-style : normal;
    font-weight: 500;
    color      : #9ca3af;
}