/* Room-availability calendar — presentation overrides and booking styles.
 * FullCalendar 6 core CSS is injected by the JS bundle at runtime.
 * This file overrides interaction cues, sizing, and booking modal styles. */

#room-calendar {
    max-width: 960px;
    margin: 1em auto 2em;
}

/* Day cells and time slots are clickable (open booking modal) */
#room-calendar .fc-daygrid-day,
#room-calendar .fc-timegrid-slot {
    cursor: pointer;
}

/* Events are not clickable — clicks pass through to the underlying cell */
#room-calendar .fc-event {
    cursor: default;
    pointer-events: none;
}

/* Hide drag handles (events are not draggable, but belt-and-suspenders) */
#room-calendar .fc-event-resizer {
    display: none;
}

/* Subtle highlight for today */
#room-calendar .fc-day-today {
    background-color: rgba(178, 223, 219, 0.15) !important;
}

/* Booking form and modal styles */
#room-booking-form .form-group { margin-bottom: 12px; }
#booking-booked-times          { padding-left: 20px; }

.booking-info-panel {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    padding: 10px 14px;
    margin-bottom: 16px;
}

#room-booking-alerts .alert { margin-bottom: 14px; }

.booking-modal-footer-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}


#bookingModalFooterNote {
    margin: 0 0 10px;
}

/* Visually detach well wrapper on the room-calendar page.
 * The calendar and modal now render inside the well via HannaCode,
 * so the well's box styling is removed to avoid double-framing. */
.template-room-calendar .well {
    background: none;
    border: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}