/**
 * Property single  -  Sage layout helpers (gallery styles live in sage.css).
 * Booking bar height is measured in property-detail.js.
 */

:root {
  --mymaui-booking-bar-height: 88px;
  --mymaui-booking-bar-pad: calc(
    var(--mymaui-booking-bar-height, 88px) + env(safe-area-inset-bottom, 0px) + 24px
  );
}

/* Main content does not reserve the full bar; footer clearance owns Terms/Privacy. */
.property-detail--book-bar {
  padding-bottom: clamp(24px, 3vw, 40px);
}

body.mymaui-property footer.foot {
  padding-bottom: var(--mymaui-booking-bar-pad);
}

/* Book bar specs sit beside the CTA; keep vertical rhythm tight on mobile. */
.property-detail .prop-book-bar__specs {
  align-self: center;
}

.property-detail .prop-section:last-of-type {
  padding-bottom: clamp(48px, 6vw, 72px);
}

.property-detail .property-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: clamp(20px, 3vw, 32px);
}

.property-detail .calendar-slot {
  border: 0;
  background: transparent;
  padding: 0;
  text-align: left;
}

.property-detail .calendar-slot .ownerrez-widget,
.property-detail .calendar-slot .booking-widget-slot--live {
  background: var(--paper, #fbf8f0);
  border: 1px solid var(--line, rgba(20, 36, 29, 0.14));
  padding: clamp(16px, 2vw, 24px);
  border-radius: 4px;
}