/*
 * css/theme.css — all custom site styles (rule 9).
 * Only place to add custom CSS. Vendor libs (Bootstrap, DataTables) load
 * from CDN before this file so rules here override them where needed.
 */

:root {
  --sm-brand: #2d6fff;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

.card a,
a .card {
  color: inherit;
}

.card-title {
  color: var(--sm-brand);
}

.navbar-brand {
  font-weight: 600;
  letter-spacing: 0.2px;
}

/* Make DataTables search/length controls breathe a bit. */
div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_length {
  margin-bottom: 0.75rem;
}

/* Subtle row hover on listing tables. */
table.dataTable tbody tr:hover {
  background-color: rgba(45, 111, 255, 0.04);
}

/* FullCalendar clickable events (Rule 18 / UX) */
.fc-event {
  cursor: pointer;
}

/* Override default yellow 'today' highlight in FullCalendar with a pale blue background */
.fc .fc-day-today,
.fc-theme-standard .fc-day-today {
  background-color: rgba(45, 111, 255, 0.08) !important;
  box-shadow: none !important;
}

/* Add breathing room by shrinking the visible event inside its harness (Month View) */
.fc .fc-daygrid-event {
  margin: 2px 4px !important;
}

/* Add horizontal breathing room for the main calendar (Week/Time Grid View) */
.fc .fc-timegrid-event {
  margin: 0 4px !important;
}