/* High-contrast property cards. This file has a versioned URL to invalidate older cached styles. */
#properties .investair-property-card {
  background: #242428 !important;
  border-color: #46464c !important;
  color: #f7f6f4 !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .28) !important;
}

#properties .investair-property-card h3 {
  color: #f7f6f4 !important;
}

#properties .investair-property-card > div:last-child > p {
  color: #d2cec8 !important;
}

#properties .investair-property-card > div:last-child > div {
  border-color: #5b5b62 !important;
}

#properties .investair-property-card .property-spec-icon {
  color: #e2a0ad !important;
}

#properties .investair-property-card .property-spec-value {
  color: #ffffff !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

#properties .investair-property-card .property-spec-label {
  color: #c8c5c0 !important;
  font-size: .72rem !important;
  font-weight: 400 !important;
}

#properties .investair-property-card .btn-gold {
  background: #101012 !important;
  border-color: #101012 !important;
  color: #ffffff !important;
}

#properties .investair-property-card .btn-gold:hover {
  background: #c98692 !important;
  border-color: #c98692 !important;
}

#properties .location-switcher {
  display: grid;
  gap: 1rem;
  margin-top: 2rem;
  padding: 1.25rem;
  background: #242428;
  border: 1px solid #46464c;
  border-radius: 1.4rem;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .22);
}

#properties .location-switcher-heading strong {
  display: block;
  color: #fff;
  font-family: "Cormorant Garamond", serif;
  font-size: 1.55rem;
  font-weight: 500;
}

#properties .location-switcher-heading span {
  color: #c8c5c0;
  font-size: .82rem;
}

#properties .location-switcher-buttons {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
}

#properties .location-switcher button {
  min-height: 2.9rem;
  padding: .7rem 1rem;
  border: 1px solid #5b5b62;
  border-radius: 999px;
  background: #303035;
  color: #e7e4df;
  font-size: .82rem;
  font-weight: 500;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

#properties .location-switcher button:hover {
  border-color: #e2a0ad;
  color: #fff;
}

#properties .location-switcher button.active {
  background: #e2a0ad;
  border-color: #e2a0ad;
  color: #111113;
}

@media (max-width: 680px) {
  #properties .location-switcher-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}