/**
 * Idaho Military Museum - Custom Stylesheet & FullCalendar v6 Overrides
 */

.imm-bg-grid {
    background-image:
        linear-gradient(to right, rgba(148, 163, 184, 0.12) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(148, 163, 184, 0.12) 1px, transparent 1px);
    background-size: 32px 32px;
}

/* FullCalendar v6 Theme Customizations */
:root {
    --fc-border-color: #e2e8f0;
    --fc-today-bg-color: rgba(217, 119, 6, 0.08);
    --fc-button-bg-color: #0f172a;
    --fc-button-border-color: #0f172a;
    --fc-button-hover-bg-color: #1e293b;
    --fc-button-hover-border-color: #1e293b;
    --fc-button-active-bg-color: #d97706;
    --fc-button-active-border-color: #b45309;
    --fc-event-border-color: transparent;
}

#museumCalendar {
    min-height: 700px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#museumCalendar .fc-toolbar-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.015em;
}

#museumCalendar .fc-button {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 0.65rem;
    padding: 0.42rem 0.85rem;
    box-shadow: none !important;
    transition: all 0.15s ease;
}

#museumCalendar .fc-button-group > .fc-button {
    border-radius: 0;
}

#museumCalendar .fc-button-group > .fc-button:first-child {
    border-top-left-radius: 0.65rem;
    border-bottom-left-radius: 0.65rem;
}

#museumCalendar .fc-button-group > .fc-button:last-child {
    border-top-right-radius: 0.65rem;
    border-bottom-right-radius: 0.65rem;
}

#museumCalendar .fc-col-header-cell {
    background-color: #f8fafc;
    padding: 0.5rem 0;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569;
}

#museumCalendar .fc-daygrid-day-number {
    font-size: 0.8rem;
    font-weight: 600;
    color: #334155;
    padding: 0.35rem 0.5rem;
}

#museumCalendar .fc-day-today .fc-daygrid-day-number {
    background-color: #d97706;
    color: #ffffff;
    border-radius: 9999px;
    width: 1.65rem;
    height: 1.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0.25rem;
}

#museumCalendar .fc-event {
    border-radius: 0.45rem;
    padding: 2px 5px;
    font-size: 0.76rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
    transition: transform 0.1s ease, filter 0.1s ease;
}

#museumCalendar .fc-event:hover {
    filter: brightness(1.08);
}

#museumCalendar .fc-list-event {
    cursor: pointer;
}

@media (max-width: 768px) {
    #museumCalendar .fc-header-toolbar {
        flex-direction: column;
        align-items: stretch;
        gap: 0.65rem;
    }

    #museumCalendar .fc-toolbar-chunk {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}