/* Calendar Styles */
#trainingCalendar {
    height: 600px;
    margin-bottom: 1rem;
    background: var(--white);
    border-radius: 16px;
    padding: 1rem;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.fc-event {
    cursor: pointer;
    border-radius: 8px;
    padding: 2px 4px;
    border: none !important;
    background: var(--primary-color) !important;
    color: white !important;
}

.fc-event-recurring {
    border-left: 3px solid var(--accent-color) !important;
}

.fc-event-title {
    font-weight: 500;
}

.fc-event-time {
    font-size: 0.85em;
    opacity: 0.9;
}

.fc-daygrid-event {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fc-toolbar-title {
    font-size: 1.25em !important;
    font-weight: 600 !important;
    color: var(--dark-text) !important;
}

.fc-button-primary {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 8px rgba(30, 58, 138, 0.4) !important;
}

.fc-button-primary:hover {
    background: linear-gradient(135deg, var(--primary-dark), #1d4ed8) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(30, 58, 138, 0.5) !important;
    color: white !important;
}

.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active {
    background: linear-gradient(135deg, var(--primary-dark), #1d4ed8) !important;
    border: none !important;
    color: white !important;
}

.fc-day-today {
    background-color: rgba(30, 58, 138, 0.1) !important;
}

.fc-event:hover {
    filter: brightness(0.95);
}

/* Calendar View Buttons */
.btn-group .btn-outline-primary {
    border: 2px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    background: transparent !important;
}

.btn-group .btn-outline-primary:hover,
.btn-group .btn-outline-primary.active {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

/* Calendar Event Tooltip */
.fc-event-tooltip {
    background-color: var(--dark-text) !important;
    color: white !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-size: 0.875rem !important;
    z-index: 1000 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}