/* --- Final Dark Theme - Calendar and Event Details --- */

/* --- I. CALENDAR VIEW STYLES --- */

/* Main gadget container */
.dark-calendar-theme {
    padding: 10px;
    background: #333333 !important;
    border: 1px solid #555555 !important;
}

/* Main calendar table */
.dark-calendar-theme .EventListCalendar {
    background: #333333 !important;
}

/* Day of the week headers (Monday, Tuesday, etc.) */
.dark-calendar-theme .EventListCalendarHeader {
    background: #444444 !important;
    color: #dddddd !important;
    border-bottom: 1px solid #555555 !important;
}

/* All day cells */
.dark-calendar-theme td.EventListCalendarItemDefault,
.dark-calendar-theme td.EventListCalendarItemInactive,
.dark-calendar-theme td.EventListCalendarItemSelected {
    background: #333333 !important;
    border-top: 1px solid #555555 !important;
}

/* Cells for days NOT in the current month */
.dark-calendar-theme td.EventListCalendarItemInactive {
    background: #2a2a2a !important;
}
.dark-calendar-theme td.EventListCalendarItemInactive a.calendarDate {
    color: #777777 !important;
}

/* Highlight for the selected day's cell */
.dark-calendar-theme td.EventListCalendarItemSelected {
    background: #004085 !important;
}
.dark-calendar-theme td.EventListCalendarItemSelected a.calendarDate {
    color: #ff7b00 !important;
}

/* Orange highlight for cells containing an event */
.dark-calendar-theme td.EventListCalendarEventDiv {
    background: #663300 !important; /* Dark orange */
}

/* General text and links in the calendar */
.dark-calendar-theme a.calendarDate {
    color: #ff7b00 !important;
}
.dark-calendar-theme .eventTime {
    color: #000000 !important;
}
.dark-calendar-theme .eventDivItem a {
    color: #000000 !important;
}
.dark-calendar-theme .eventDivItem a:hover {
    color: #ffffff !important;
}


/* Main container for the event details box */
.dark-calendar-theme .boxBodyInfoOuterContainer {
    background: #000000 !important;
}

/* The inner container holding the text */
.dark-calendar-theme .boxInfoContainer {
    background: transparent !important;
}

/* Text labels like "When" and "Location" */
.dark-calendar-theme .eventInfoBoxLabel {
    color: #000000 !important; /* Light grey */
}

/* The actual values like the date and address */
.dark-calendar-theme .eventInfoBoxValue
.dark-calendar-theme .eventInfoBoxValue strong,
.dark-calendar-theme .eventInfoBoxValue span {
    color: #ff7b00 !important; /* Orange */
}
/* --- Forum Dark Mode (Definitive Version) --- */

/* Styles the header bar background */
.forum-dark-mode .boxHeaderOuterContainer {
    background: #2a2a2a !important;
    border: 1px solid #555555 !important;
}

/* Makes the header text white */
.forum-dark-mode .boxHeaderTitle {
    color: #ffffff !important;
}

/* Styles the main body background */
.forum-dark-mode .boxBodyOuterContainer {
    background: #333333 !important;
    border: 1px solid #555555 !important;
    border-top: none !important;
}

/* Sets the default background for each topic row */
.forum-dark-mode tr.topicListRow {
    background: #333333 !important;
}

/*
 * --- THE DEFINITIVE FIX ---
 * This targets the specific class that the JavaScript adds on mouseover.
 * Replace 'topicListRowHighlighted' if you found a different class name.
*/
.forum-dark-mode tr.topicListRow.topicListRowHighlighted {
    background: #444444 !important; /* Medium-dark grey highlight */
}

/* Makes the text inside the rows readable */
.forum-dark-mode a.topicTitle,
.forum-dark-mode a.lastReplyDate {
    color: #ff7b00 !important;
}
.forum-dark-mode .lastReplyAuthor,
.forum-dark-mode .numberOfReplies {
    color: #dddddd !important;
}