/* Overwrite Calendar CSS Variables */
:root {
    --fc-button-text-color: #fff;
    --fc-button-bg-color: var(--color-primary);
    --fc-button-border-color: var(--color-primary);
    --fc-button-active-bg-color: #fff;
    --fc-button-active-border-color: var(--color-primary);
    --fc-button-hover-bg-color: var(--color-primary);
    --fc-event-bg-color: var(--color-secondary);
    --fc-event-border-color: var(--color-secondary);
    --fc-today-bg-color: var(--color-primary-transparent);
}

/* Buttons as primary buttons */
.fc .fc-button {
    display: inline-flex;
    font-family: var(--font-family-tertiary);
    font-size: 14px;
    font-weight: 500;
    border-radius: var(--border-radius) !important;
    text-transform: capitalize;
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    color: var(--color-primary);
}

/* Tody button as secondary button */
.fc .fc-button.fc-today-button {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
}

.fc .fc-button-group {
    gap: 2.5px;
}

/* Restyle toolbar on mobile */
@media(max-width: 991px) {
    .fc .fc-toolbar {
        flex-wrap: wrap;
        gap: 10px;
    }

    .fc .fc-toolbar .fc-toolbar-chunk:nth-child(1) {
        flex: 1 1 100%;
    }

    .fc .fc-toolbar .fc-toolbar-chunk:nth-child(2) {
        flex: 1 1 calc(50% - 10px);
    }

    .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) {
        flex: 1 0 50%;
    }
}