body { background-color: #f8f9fa; font-family: system-ui, -apple-system, sans-serif; }
.navbar-brand { position: relative; }
.hanging-logo {
  position: absolute;
  top: 0;
  height: 66px !important; /* Taller than navbar */
  z-index: 1000;
}
.card { border-radius: 12px; border: none; }
#calendar { max-width: 1100px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 12px; }

/* Event Block Aesthetics */
.fc-event { cursor: pointer; transition: transform 0.2s; border: none; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.fc-event:hover { transform: scale(1.02); z-index: 5; box-shadow: 0 4px 8px rgba(0,0,0,0.2); }
.event-icon { margin-right: 5px; }
.sold-out-strike { text-decoration: line-through; opacity: 0.8; }

/* Kill Blue Hyperlinks and Underlines inside the Calendar */
.fc a, .fc .fc-col-header-cell-cushion, .fc .fc-daygrid-day-number {
    text-decoration: none !important;
    color: #343a40 !important;
    font-weight: 500;
}
.fc a:hover, .fc .fc-col-header-cell-cushion:hover, .fc .fc-daygrid-day-number:hover {
    color: #0d6efd !important;
}

/* === AGGRESSIVE MOBILE OVERRIDES === */
@media (max-width: 768px) {
    #calendar { padding: 10px; }
    
    /* Force Toolbar to Stack Vertically */
    .fc .fc-toolbar.fc-header-toolbar {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    /* Center the stacked elements */
    .fc .fc-toolbar-chunk {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
    
    .fc .fc-toolbar-title {
        font-size: 1.5rem !important;
        text-align: center;
    }
    
    /* Make buttons fat-finger friendly */
    .btn, .fc-button { min-height: 44px !important; }
    .form-control, .form-select { min-height: 44px; }
}

/* === OVERRIDE PREV/NEXT BUTTONS TO SECONDARY COLOR === */
.fc .fc-prev-button, .fc .fc-next-button {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
}
.fc .fc-prev-button:hover, .fc .fc-next-button:hover {
    background-color: #5c636a !important;
    border-color: #565e64 !important;
}
/* Gray out past dates in the calendar grid */
.fc-day-past {
    background-color: #f8f9fa !important;
    cursor: not-allowed;
}

/* Optional: reduce opacity of past events */
.fc-event-past {
    opacity: 0.6;
    filter: grayscale(1);
}
.fc-day-past { opacity: 0.5; pointer-events: none; }