/* Calendar widget styling */
#calendar {
    height: 100%;
}

.calendar-divider {
    border-bottom: 1px solid #dee2e6;
    height: 1px;
    margin-left: 1rem;
    margin-right: 1rem;
    flex-shrink: 0;
}

.calendar-container {
    position: relative;
}

#calendar-block {
    z-index: 10;
    border-radius: 0.375rem;
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0.5rem;
}


.fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 0.5rem;
}

@media (min-width: 992px) {
    .calendar-section {
        width: 65%;
    }

    .calendar-container {
        border: 1px solid #dee2e6;
        border-radius: 0.375rem;
        background: white;
        padding: 0;
        position: sticky;
        top: 20px;
        height: calc(100vh - 80px);
        max-height: calc(100vh - 80px);
        overflow: hidden;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
    }

    .calendar-widget {
        flex: none;
        height: 75%;
        min-height: 0;
        padding: 1rem;
        border-radius: 12px;
        overflow: hidden;
    }

    #calendar {
        height: 100%;
        min-height: 0;
        max-height: 100%;
    }

}