/* stylelint-disable selector-class-pattern */

/* =========================================================
   JSC COMPONENT CONTRACT
   File: jsc-idx-results-grid.css
   Layer: IDX / Results Grid
   Version: 2.0

   PURPOSE
   ----------------------------------------------------------------
   Owns:
   - Results grid layout
   - Responsive column behavior
   - Grid spacing rhythm beneath toolbar

   NOTES
   ----------------------------------------------------------------
   - Uses live page selectors:
     - .jsc-idx-results-shell
     - body.page-id-2147 .flexmls_connect__search_results_v2.flexmls-v2-widget
========================================================= */

:is(
  .jsc-idx-results-shell,
  body.page-id-2147 .flexmls_connect__search_results_v2.flexmls-v2-widget
) .flexmls-listings-list-wrapper{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px 28px;
  align-items: start;
}

@media (max-width: 1199.98px){
  :is(
    .jsc-idx-results-shell,
    body.page-id-2147 .flexmls_connect__search_results_v2.flexmls-v2-widget
  ) .flexmls-listings-list-wrapper{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 24px;
  }
}

@media (max-width: 767.98px){
  :is(
    .jsc-idx-results-shell,
    body.page-id-2147 .flexmls_connect__search_results_v2.flexmls-v2-widget
  ) .flexmls-listings-list-wrapper{
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

/* stylelint-enable selector-class-pattern */