/* colors.css imported globally via style.css */

/* ==========================================================================
   _responsive.css – Media Queries and Layout Adjustments
   ========================================================================== */

/* ==========================================================================
   Table of Contents
   ========================================================================== */
/**
 * 1.0 Medium Screens (≤ 1024px)
 * 2.0 Small Screens (≤ 600px)
 */

/* Burlington Phase 2 Adjustments */
@media (max-width: 768px) {
  .idx-item-grid {
    padding: 0 1rem;
    gap: 1.25rem !important;
  }

  .idx-property-card {
    margin-bottom: 1.5rem;
  }
}

/* ==========================================================================
   1.0 Medium Screens (≤ 1024px)
   ========================================================================== */

@media (max-width: 1024px) {
  .idx-results {
    flex-direction: column;
    gap: 1em;
  }

  .idx-results .idx-card {
    width: 100%;
  }
}

/* ==========================================================================
   2.0 Small Screens (≤ 600px)
   ========================================================================== */
@media (max-width: 600px) {
  body {
    font-size: 16px;
  }

  .idx-omnibar {
    padding: 0.5em;
  }

  .hero-intro .fc-list {
    flex-direction: column;
    align-items: center;
  }

  .hero-intro .btn-community,
  .cta-btn {
    width: min(260px, 100%);
    margin: 0.5rem 0;
  }
}