/* Eagle Crest Properties - Custom styles */

/* Testimonials horizontal loop (when more than 3) */
.testimonials-marquee {
  mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
  /* Extra space so card borders and shadows are not cropped */
  padding-bottom: 2rem;
}
.testimonials-track {
  animation: testimonials-scroll 80s linear infinite;
  padding-bottom: 8px; /* room for card shadow so bottom border is visible */
}
.testimonial-card {
  box-sizing: border-box;
}
@keyframes testimonials-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Property types horizontal carousel - arrows only, no scrollbar */
.property-types-carousel {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.property-types-carousel::-webkit-scrollbar {
  display: none;
}
/* Property type cards - smooth hover shadow so it isn’t clipped; padding on carousel gives room */
#property-types-carousel .flex > a {
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
#property-types-carousel .flex > a:hover {
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.15), 0 12px 24px -8px rgb(0 0 0 / 0.1);
}

/* Property detail image carousel - one full + peek of next, no scrollbar */
#property-carousel.property-detail-carousel,
.property-detail-carousel {
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
#property-carousel::-webkit-scrollbar,
.property-detail-carousel::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}