/* =========
  Brand vars (optional)
========= */
:root {
  --umw-red: #A6192E; /* UMW main red */
}

/* 1) Highlight TODAY (month cell) */
.tribe-events .tribe-events-calendar-month__day--current {
  border: 3px solid var(--umw-red);
  border-radius: 6px;
}

/* Some builds wrap the inner day content—catch that too */
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-cell {
  outline: 3px solid var(--umw-red);
  outline-offset: -3px;
  border-radius: 6px;
}

/* 2) Make PAST events lower opacity
   - Past *day* cells
   - Past *event* items (some installs add a --past modifier)
*/
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__calendar-event,
.tribe-events .tribe-events-calendar-month__calendar-event--past {
  opacity: 0.35;
}

/* Optional: slightly fade the date number in past days */
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date {
  opacity: 0.4;
}

/* 3) Event title style (bold, 18px) */
.tribe-events .tribe-events-calendar-month__calendar-event-title,
.tribe-events .tribe-events-calendar-month__calendar-event-title a {
  font-size: 14px;
  line-height: 1.25;
}

/* 3b) DINING category in ALL CAPS
   TEC adds taxonomy classes from tribe_events_cat.
   Cover common variants just in case: */
.tribe-events .tribe-events-calendar-month__calendar-event[class*="tribe_events_cat-dining"] .tribe-events-calendar-month__calendar-event-title,
.tribe-events .tribe-events-calendar-month__calendar-event.tribe-events-category-dining .tribe-events-calendar-month__calendar-event-title {
  text-transform: uppercase;
}

/* If your markup puts the class on ancestors, this catches it: */
.tribe-events .tribe-events-category-dining .tribe-events-calendar-month__calendar-event-title,
.tribe-events [class*="tribe_events_cat-dining"] .tribe-events-calendar-month__calendar-event-title {
  text-transform: uppercase;
}

/* (Nice-to-have) ensure link inherits the uppercase */
.tribe-events .tribe-events-calendar-month__calendar-event-title a {
  text-transform: inherit;
}