/* ── Floating Schedule Tour Button ─────────────────────────── */
.scrollToTour {
  background-color: transparent;
  border: 1px solid #EB6753;
  border-radius: 50%;
  bottom: 45px;
  color: #EB6753;
  display: block;
  height: 50px;
  line-height: 50px;
  opacity: 0;
  position: fixed;
  right: 45px;
  text-align: center;
  text-decoration: none;
  width: 50px;
  z-index: 1040;
  font-size: 18px;
  transition: bottom 0.35s ease, opacity 0.35s ease;
  pointer-events: none;
}
.scrollToTour.show {
  bottom: 105px;
  opacity: 1;
  pointer-events: auto;
}
.scrollToTour:hover {
  background-color: #EB6753;
  color: #ffffff;
}

/* ── Mobile property header ─────────────────────────────────── */
@media (max-width: 991px) {
  /* 1. address takes full row, then status/time/views on next line */
  .pd-meta .property-address {
    width: 100%;
    border-right: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 4px;
  }
  .pd-meta .property-status {
    margin-left: 0 !important;
  }

  /* 2. icons (left) + price (right) in same row */
  .property-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 10px;
  }
  .property-action .d-flex {
    margin-bottom: 0 !important;
    order: 1;
    flex-shrink: 0;
  }
  .property-action .property-price {
    order: 2;
    font-size: 1.4rem;
    margin-bottom: 0 !important;
  }
  .property-action .space {
    display: none;
  }

  /* 3. agent single-contant left margin on mobile */
  .agen-personal-info .single-contant {
    margin-left: 15px !important;
  }
}

/* ── Mobile walkscore row ───────────────────────────────────── */
@media (max-width: 575px) {
  .walkscore-row {
    display: flex;
    gap: 8px;
  }
  .walkscore-row .walkscore {
    flex: 1;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 0 !important;
  }
  .walkscore-row .walkscore .icon {
    margin-right: 0 !important;
    margin-bottom: 6px;
    font-size: 22px;
  }
  .walkscore-row .walkscore .details p {
    font-size: 11px;
  }
}

/* ── Scroll-up button behind modal ─────────────────────────── */
.scrollToHome {
  z-index: 1040;
}

/* ── Tour Modal - fit below navbar ─────────────────────────── */
#tourScheduleModal .modal-body {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
