/* Status colours */
#calendar-widget-27566 div.available {
  background-color: #31A952 !important;
  color: #ffffff !important;
}
#calendar-widget-27566 div.booked {
  background-color: #EB4132 !important;
  color: #ffffff !important;
}
#calendar-widget-27566 div.nocheckin {
  background-color: #54CD75 !important;
  color: #ffffff !important;
}
#calendar-widget-27566 div.unavailable {
  background-color: #EB4132 !important;
  color: #333333 !important;
}
#calendar-widget-27566 .rental-widget-closed {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Improve text contrast on coloured days */
#calendar-widget-27566 .rental-widget-available,
#calendar-widget-27566 .rental-widget-booked,
#calendar-widget-27566 .rental-widget-not-booked {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Dark mode backgrounds */
#calendar-widget-27566 .rental-widget-outer,
#calendar-widget-27566 .rental-widget-header,
#calendar-widget-27566 .rental-widget-mobile-day,
#calendar-widget-27566 .rental-widget-header-no-left,
#calendar-widget-27566 .rental-widget-header-left,
#calendar-widget-27566 .rental-widget-header-right {
  background-color: #1F2527 !important;
  color: #ffffff !important;
}

#calendar-widget-27566 .rental-widget-header-title {
  color: #ffffff !important;
}

#calendar-widget-27566 .rental-widget-header-no-left i,
#calendar-widget-27566 .rental-widget-header-left i,
#calendar-widget-27566 .rental-widget-header-right i {
  color: #ffffff !important;
}

/* Filler cells before/after the month */
#calendar-widget-27566 .rental-widget-not-month {
  background-color: #000000 !important;
  width: calc(14.28% - 1px) !important;
  box-sizing: border-box !important;
  display: inline-block !important;
}

/* Hide legend */
#calendar-widget-27566 .rental-widget-chart {
  display: none !important;
}

/* Force mobile layout on all screen sizes */
#calendar-widget-27566 .rental-widget-desktop-days.desktop-days,
#calendar-widget-27566 .desktop-days {
  display: none !important;
}
#calendar-widget-27566 #rental-widget-mobile-days.mobile-days,
#calendar-widget-27566 .mobile-days {
  display: block !important;
}
#calendar-widget-27566 .days {
  width: calc(14.28% - 1px) !important;
}