/* Put any custom CSS rules here */

@media only screen and (max-width: 767px) {
.smt-table-Calendar-auto > table {
  min-width: 100% !important;
  width: 100% !important;
}

/* Hide full day names and show single letters */
.smt-Calendar .smt-weekdays th {
  font-size: 0 !important;
  padding: 8px 4px;
  color: transparent;
}

.smt-Calendar .smt-weekdays th::before {
  font-size: 12px;
  color: #666;
}

.smt-Calendar .smt-weekdays th:nth-child(1)::before { content: 'S'; }
.smt-Calendar .smt-weekdays th:nth-child(2)::before { content: 'M'; }
.smt-Calendar .smt-weekdays th:nth-child(3)::before { content: 'T'; }
.smt-Calendar .smt-weekdays th:nth-child(4)::before { content: 'W'; }
.smt-Calendar .smt-weekdays th:nth-child(5)::before { content: 'T'; }
.smt-Calendar .smt-weekdays th:nth-child(6)::before { content: 'F'; }
.smt-Calendar .smt-weekdays th:nth-child(7)::before { content: 'S'; }

/* Reduce padding in calendar cells for mobile */
.smt-Calendar .smt-days td {
  padding: 4px 2px !important;
  font-size: 11px;
  min-height: 55px;
}

/* Adjust calendar date numbers */
.smt-Calendar .smt-days td span {
  font-size: 11px;
  display: block;
  margin-bottom: 2px;
}

/* Reduce event link padding and sizing */
.smt-Calendar .smt-calendarLinks {
  padding: 3px 4px !important;
  margin: 1px 0 !important;
  border-radius: 6px !important;
}

/* Make event names smaller and allow wrapping */
.smt-Calendar .smt-EventList {
  font-size: 9px !important;
  white-space: normal;
  line-height: 1.1;
}

/* Make event time smaller */
.smt-Calendar .smt-EventList:nth-child(2) {
  font-size: 8px !important;
  margin-top: 1px;
}
}