/* --- START OF FILE style.css --- */

html,
body {
    background-color: #101010;
    color: white;
    font-family: "IBM Plex Serif", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
}

/* --- Default Link Styles (Example) --- */
a {
    text-decoration: none;
    color: #e9ecf1;
}

h6 a:hover {
    text-decoration: underline;
}

h6 a[href="calendar.html"] {
    color: green;
    font-weight: bold;
}

#calendar {
    max-width: 1100px;
    margin: 0 auto;
    padding-bottom: 20px;
}

/* --- FullCalendar ListWeek Day Header Styling --- */

/* Target the table cells that act as day headers in listWeek view */
/* Style for ALL day headers */
.fc-listWeek-view,
.fc-list-day-cushion {
    background-color: #5f5d5b !important;
    /* Bright Green 1 - Removed !important for now */

}

.fc-list-day-text,
.fc-list-day-side-text {
    color: white;
}

/* Style specifically for 'Today's header - THIS SELECTOR IS NOW CORRECT */
.fc-listWeek-view,
.fc-list-day.fc-day-today {
    background-color: #171816 !important;
    /* Bright Green 2 (for Today) */

}

.fc-event {

    background-color: #496849 !important;
    border-color: #496849;
}

/* Make events stand out more from the header */
.fc-listWeek-view,
.fc-list-event:hover td {
    background-color: #333333;
    /* Changed to a dark grey for better visibility on dark bg */
    color: white;
    /* Ensure text remains visible on hover */
}

.fc-daygrid-event {
    padding: 3px 5px; /* Add some internal spacing */
    border-radius: 4px; /* Slightly rounded corners */
    font-size: 0.8em;   /* Make text a bit smaller to fit more */
}

/* Style our custom event elements */
.event-house {
    font-weight: bold;
    color: #ffffff; /* White text for the house number */
}

.event-rows {
    font-style: italic;
    color: #cccccc; /* Lighter grey for the rows */
}

.event-program {
    color: #a0e8a0; /* A light green for the program code */
    font-weight: 500;
}

/* Add this to calendar.css for the delete icon */

.fc-list-event .delete-icon {
    float: right;
    cursor: pointer;
    padding: 0 5px;
    
}

.fc-list-event .event-content-wrapper {
    display: inline-block;
}

.event-house-summary {
    font-weight: bold;
    text-align: center;
    padding: 2px;
}
/* Add this to calendar.css */

#detailsModalTableBody td {
    vertical-align: middle;
}

#detailsModalTableBody .delete-action-btn {
    padding: 0.1rem 0.4rem;
    font-size: 0.8rem;
}

/* --- END OF FILE style.css --- */