/* Old v8 = v7 behavior classes + mobile polish. Pair with oldv7.css + oldv7-booking class. */

.booking-modal.oldv8-booking.is-hourlist-view .old-hourlist-panel {
  padding-bottom: 0.5rem;
}

@media (max-width: 720px) {
  .booking-modal.oldv8-booking.oldv1-booking .booking-modal-content {
    max-height: 100dvh;
    border-radius: 0;
  }

  .booking-modal.oldv8-booking.oldv1-booking .oldv1-scroll {
    padding: 12px 14px 0;
  }

  .booking-modal.oldv8-booking.oldv1-booking .oldv1-section {
    padding: 10px 10px 8px;
    margin-bottom: 10px;
  }

  .booking-modal.oldv8-booking .booking-hour-row {
    min-height: 3rem;
    padding: 0.7rem 0.8rem;
  }

  .booking-modal.oldv8-booking .booking-hour-row.is-free .booking-hour-row-time {
    font-size: 1.05rem;
  }

  .booking-modal.oldv8-booking .booking-hour-row.is-free .booking-hour-row-state {
    font-size: 0.78rem;
  }

  .booking-modal.oldv8-booking .old-hourlist-chips {
    gap: 0.45rem;
  }

  .booking-modal.oldv8-booking .old-hourlist-chip {
    min-width: 3.6rem;
    min-height: 3rem;
    padding: 0.5rem 0.6rem;
    justify-content: center;
  }

  .booking-modal.oldv8-booking .old-hourlist-chip-hours {
    font-size: 0.9rem;
  }

  .booking-modal.oldv8-booking.oldv2-booking .booking-step-when-actions {
    margin-left: -14px;
    margin-right: -14px;
    padding: 12px 14px calc(14px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));
  }

  .booking-modal.oldv8-booking.oldv2-booking .booking-step-when-actions .booking-btn-submit {
    min-height: 52px;
    font-size: 1.05rem;
  }

  .booking-modal.oldv8-booking .old-hourlist-switch {
    min-height: 44px;
    padding: 0.55rem 0.9rem;
  }

  .booking-modal.oldv8-booking.is-hourlist-view .old-hourlist-panel {
    padding-bottom: 1.25rem;
  }
}