/* 1) Load Montserrat */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");

/* 2) Base colors */
:root {
  --mi-blush: #e8c6c3;
  --mi-charcoal: #323232;
  --mi-white: #ffffff;
  --mi-ivory: #f7f2ee;
}

/* 3) Grid + Card overrides (beat plugin inline styles) */
.proppy-grid {
  gap: 24px !important;
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

.proppy-card {
  border: 1px solid var(--mi-blush) !important;
  border-radius: 18px !important;
  background: var(--mi-white) !important;
  box-shadow: 0 2px 10px rgba(50, 50, 50, 0.06);
  overflow: hidden;
}

/* Image area placeholder */
.proppy-card > div:first-child {
  background: var(--mi-ivory) !important;
}

/* Title */
.proppy-card h3 {
  color: var(--mi-charcoal) !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px;
}

/* Price */
.proppy-card h3 + div {
  color: var(--mi-charcoal) !important;
  font-weight: 700 !important;
}

/* Meta line (type • bedrooms) */
.proppy-card h3 + div + div {
  color: #6b6b6b !important;
  font-weight: 500 !important;
  opacity: 0.9;
}

/* "View" link → styled as a soft button */
.proppy-card a {
  display: inline-block !important;
  margin-top: 10px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: var(--mi-blush) !important;
  color: var(--mi-charcoal) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: transform .06s ease, box-shadow .12s ease;
  box-shadow: 0 1px 0 rgba(50,50,50,.05);
}
.proppy-card a:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(50,50,50,.08);
}

/* Hide the theme's page title on the Property detail host page only */
.page-id-683 .entry-title,
.page-id-683 h1.entry-title,
.page-id-683 .page-title,
.page-id-683 .post-title {
  display: none !important;
}

/* Floating circular CTA fixed bottom-right */
.floating-cta,
.floating-cta.elementor-button{
  position: fixed;
  bottom: calc(env(safe-area-inset-bottom) + 20px);
  right:  calc(env(safe-area-inset-right) + 20px);
  z-index: 9999;

  /* use a single variable size so width = height */
  --cta-size: clamp(96px, 18vw, 160px);
  width: var(--cta-size) !important;
  height: var(--cta-size) !important;
  border-radius: 50%;
  box-sizing: border-box;

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  text-align: center;
  white-space: normal;
  overflow: hidden;

  background: #ecc0c0;
  color: #222;
  font-weight: 600;
  font-size: clamp(12px, 3vw, 16px);

  /* neutralise any builder transforms that could tilt it */
  transform: none !important;
  -webkit-transform: none !important;
}

/* keep text centred inside Elementor wrappers */
.floating-cta .elementor-button-content-wrapper{
  display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;
}
.floating-cta .elementor-button-text{
  display:block;width:100%;line-height:1;text-align:center;
}
.floating-cta .elementor-button-icon{display:none}

/* mobile sizes - still a perfect square */
@media (max-width: 480px){
  .floating-cta{
    --cta-size: 120px;      /* adjust if you want bigger/smaller */
    font-size: 13px;
    bottom: calc(env(safe-area-inset-bottom) + 16px);
    right:  calc(env(safe-area-inset-right) + 16px);
  }
}

/* subtle hover without changing shape */
.floating-cta:hover,
.floating-cta:focus{ filter: brightness(0.95); transform: translate3d(0,-1px,0) !important; }
.floating-cta:active{ transform: translate3d(0,0,0) !important; }