/* Long-term property page — builds on the connector's booking card styles. */

.hlt-widget .hlt-label {
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  opacity: .7;
}

.hlt-facts {
  margin: 0 0 16px;
  display: grid;
  gap: 8px;
}

.hlt-facts__row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.hlt-facts dt { margin: 0; opacity: .75; }
.hlt-facts dd { margin: 0; font-weight: 600; text-align: right; }

.hlt-enquiry { scroll-margin-top: 100px; }
.hlt-enquiry__title { margin: 4px 0 12px; font-size: 18px; }
.hlt-admin-note { font-size: 14px; padding: 10px 12px; border: 1px dashed currentColor; border-radius: 6px; opacity: .8; }

.hlt-back {
  display: inline-block;
  margin-top: 12px;
  font-size: 14px;
}

.hlt-mobile-bar { display: none; }

/*
 * The connector hides its booking card below 992px (short-term pages use a booking bar
 * instead). The long-term card holds the enquiry form, so it stays visible at every width.
 */
@media (max-width: 992px) {
  .property-sidebar .booking-widget-sticky.hlt-card { display: block; }
}

@media (max-width: 767px) {
  .hlt-mobile-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px max(16px, env(safe-area-inset-left, 0px)) calc(12px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-right, 0px));
    background: #fff;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, .12);
  }

  .hlt-mobile-bar__cta {
    padding: 10px 18px;
    border-radius: 8px;
    background: var(--hostaway-primary-color, #3b7487);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
  }

  body.single-property { padding-bottom: 72px; }
}