/* Final responsive constraints loaded after the legacy reservation styles. */
@media (max-width: 1100px) {
  html body #ssReservationSection.ss-reservation-section.grid_section > .section_inner {
    width: calc(100% - 30px) !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html body #ssReservationSection.ss-reservation-section.grid_section > .section_inner > .section_inner_margin,
  html body #ssReservationSection.ss-reservation-section.grid_section > .section_inner > .section_inner_margin > .ss-reservation {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .ss-reservation .ss-calendar {
    min-width: 0;
  }
}

@media (max-width: 767px) {
  html body #ssReservationSection.ss-reservation-section.grid_section > .section_inner {
    width: calc(100% - 24px) !important;
  }

  .ss-reservation-section .section_inner,
  .ss-reservation-section .section_inner_margin {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .ss-reservation .ss-calendar {
    min-width: 630px;
  }

  .ss-reservation .ss-reservation-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .ss-reservation .ss-reservation-tabs a {
    width: auto !important;
    min-width: 0 !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
}