/* Property type cards (template-parts/property-type-cards.php): alternating image / text rows, stacked on mobile */
.property-type-cards {
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}

.property-type-cards-heading {
  margin: 0 0 var(--space-xl);
}

.property-type-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-m);
  align-items: center;
}

.property-type-card + .property-type-card {
  margin-top: var(--space-2xl);
}

.property-type-card-image {
  display: block;
}

.property-type-card-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.property-type-card-content h3 {
  margin: 0 0 var(--space-s);
}

.property-type-card-content h3 a {
  color: inherit;
}

.property-type-card-content h3 a:hover {
  color: var(--orange);
}

.property-type-card-text p:last-child {
  margin-bottom: 0;
}

.property-type-card-content .vc_btn3-container {
  margin: var(--space-m) 0 0;
}

/* Side by side from tablet up; every other row puts the image on the right */
@media (min-width: 768px) {
  .property-type-card {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-2xl);
  }

  /* nth-of-type counts <article>s only, so the optional <h2> heading doesn't shift the alternation */
  .property-type-card:nth-of-type(even) .property-type-card-image {
    order: 2;
  }
}