/* ==========================================
   SCHEDULE PAGE STYLING
   Styles for the schedule/calendar page
   ========================================== */

.page-hero {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.page-hero .card {
    background: transparent !important;
    color: white;
}

.page-hero h1,
.page-hero p {
    color: white;
}

.bg-gradient {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #dee2e6;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.calendar-section .card {
    transition: transform 0.2s, box-shadow 0.2s;
}

.calendar-section .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;
}

.statistics-section .card {
    transition: all 0.3s ease;
}

.statistics-section .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15) !important;
}

.legend-section .badge {
    display: inline-block;
}

@media (max-width: 768px) {
    .calendar-section .card {
        margin-bottom: 1rem;
    }
}