/* Featured Properties Carousel - Extends Base System */

/* Base styles are loaded via WordPress enqueue system - this file contains overrides only */

/* ==========================================================================
   Featured Properties Specific Overrides
   ========================================================================== */

/* Featured Properties: Show 3 slides per view on larger screens */
@media (min-width: 640px) {
  .featured-properties-carousel .embla__slide {
    flex: 0 0 calc(50% - 0.375rem); /* 50% minus half of 0.75rem gap */
    min-width: 0;
  }
}

@media (min-width: 1024px) {
  .featured-properties-carousel .embla__slide {
    flex: 0 0 calc(33.333% - 0.667rem); /* 33.333% minus 2/3 of 1rem gap (3 slides = 2 gaps) */
    min-width: 0;
  }
}

@media (min-width: 1280px) {
  .featured-properties-carousel .embla__slide {
    flex: 0 0 calc(33.333% - 0.667rem); /* 33.333% minus 2/3 of 1rem gap (3 slides = 2 gaps) */
    min-width: 0;
  }
}

/* Featured Properties Responsive Overrides */
@media (max-width: 639px) {
  .featured-properties-carousel .carousel-button {
    width: 2rem;
    height: 2rem;
  }
}