/* layout.css */

.site-footer {
  display: none;
}

@media (max-width: 920px) {
  :root {
    --container-wide: min(100vw - 28px, 1480px);
    --container: min(100vw - 28px, 1180px);
  }

  .room-card__bottom,
  .room-card__top {
    flex-direction: column;
    align-items: flex-start;
  }

  .booking-calendar,
  .feature-grid {
    grid-template-columns: 1fr;
  }

  .feature-grid {
    display: grid;
    height: auto;
    gap: 18px;
  }

  .feature-grid__item {
    position: static;
  }

  .feature-grid__item--size > div,
  .feature-grid__item--bed > div,
  .feature-grid__item--guests > div {
    width: auto;
  }

  .booking-plugin-shell .mphb_sc_search-form,
  .booking-plugin-shell .mphb-room-type,
  .booking-plugin-shell .mphb-loop-room-type-attributes {
    grid-template-columns: 1fr;
  }

  .booking-calendar__month + .booking-calendar__month {
    border-left: 0;
    border-top: 1px solid var(--color-line);
  }

  .room-card {
    grid-template-columns: 1fr;
  }

  .room-card__media {
    min-height: 280px;
  }

  .booking-plugin-shell input.button,
  .booking-plugin-shell .button,
  .booking-plugin-shell button {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .page-title {
    word-break: break-word;
  }

  .button-primary,
  .button-secondary {
    width: 100%;
  }
}