/* Custom Gallery Styles - Smaller size with equal content and gallery heights */

/* Reduce gallery item heights and make them match content */
.unit-9 {
  height: 200px !important; /* Reduced from 300px */
}

.unit-9 .image {
  height: 200px !important; /* Reduced from 300px */
}

/* Featured properties gallery section */
.site-block-retro {
  display: flex;
  align-items: stretch; /* Make columns equal height */
}

.site-block-retro .col1 {
  height: auto !important;
  min-height: 200px; /* Match unit-9 height */
  display: flex;
  flex-direction: column;
}

.site-block-retro .col2 {
  display: flex;
  flex-direction: column;
  gap: 8%;
}

.site-block-retro .col2 > a {
  height: auto !important;
  min-height: 200px; /* Match unit-9 height */
  flex: 1;
  display: flex;
  flex-direction: column;
}

.site-block-retro .col2 > a:first-child {
  margin-bottom: 0 !important; /* Remove margin, use gap instead */
}

/* Ensure unit-9 content fits properly */
.unit-9.no-height {
  height: 100% !important;
  min-height: 200px;
}

.unit-9.no-height .image {
  height: 100% !important;
  min-height: 200px;
}

/* Responsive adjustments for all breakpoints */
@media (max-width: 767.98px) {
  .unit-9 {
    height: 180px !important;
  }
  
  .unit-9 .image {
    height: 180px !important;
  }
  
  .site-block-retro {
    flex-direction: column;
  }
  
  .site-block-retro .col1 {
    min-height: 180px;
    margin-bottom: 8% !important;
  }
  
  .site-block-retro .col2 > a {
    min-height: 180px;
  }
  
  .unit-9.no-height {
    min-height: 180px;
  }
  
  .unit-9.no-height .image {
    min-height: 180px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .unit-9 {
    height: 190px !important;
  }
  
  .unit-9 .image {
    height: 190px !important;
  }
  
  .site-block-retro .col1 {
    min-height: 190px;
  }
  
  .site-block-retro .col2 > a {
    min-height: 190px;
  }
  
  .unit-9.no-height {
    min-height: 190px;
  }
  
  .unit-9.no-height .image {
    min-height: 190px;
  }
}

@media (min-width: 992px) {
  .unit-9 {
    height: 200px !important;
  }
  
  .unit-9 .image {
    height: 200px !important;
  }
  
  .site-block-retro .col1 {
    min-height: 200px;
  }
  
  .site-block-retro .col2 > a {
    min-height: 200px;
  }
  
  .unit-9.no-height {
    min-height: 200px;
  }
  
  .unit-9.no-height .image {
    min-height: 200px;
  }
}

/* Ensure gallery section fits content */
.site-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* Make sure featured property section doesn't overflow */
.featured-property-half {
  max-height: fit-content;
}

.featured-property-half .image {
  min-height: 300px;
  max-height: 400px;
}

.featured-property-half .text {
  padding: 60px 40px !important; /* Reduced from 100px */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 767.98px) {
  .featured-property-half {
    flex-direction: column;
  }
  
  .featured-property-half div {
    width: 100% !important;
  }
  
  .featured-property-half .image {
    min-height: 250px;
    max-height: 300px;
  }
  
  .featured-property-half .text {
    padding: 40px 30px !important;
  }
}

/* Hide Testimonial Images */
[data-testimonial-image] {
  display: none !important;
}

/* Hide the container div that wraps testimonial images (first child div with mb-4 class) */
[data-testimonial-card] > div.mb-4:first-child {
  display: none !important;
}