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

/* =========================================================
   JSC COMPONENT CONTRACT
   File: jsc-idx-results.css
   Layer: IDX / Results Root
   Version: 1.1
========================================================= */

/* =========================================================
   1) RESULTS TOKENS
========================================================= */

:root{
  --jsc-idx-results-surface: #ffffff;

  --jsc-idx-results-text: var(--jsc-ink, #2f3320);

  --jsc-idx-results-text-muted: rgba(47, 51, 32, 0.72);

  --jsc-idx-results-border: rgba(47, 51, 32, 0.14);

  --jsc-idx-results-border-strong: rgba(47, 51, 32, 0.22);

  --jsc-idx-results-accent: var(--jsc-gold, #d8be62);

  --jsc-idx-results-radius: 20px;

  --jsc-idx-results-radius-sm: 12px;
  
  --jsc-idx-results-shadow: 0 12px 32px rgba(0, 0, 0, 0.06);
}

/* =========================================================
   2) RESULTS ROOT ALIAS
========================================================= */

:is(
  .jsc-idx-results-shell,
  body.flexmls_connect__search_results_page .flexmls_connect__search_results_v2.flexmls-v2-widget
),
:is(
  .jsc-idx-results-shell,
  body.flexmls_connect__search_results_page .flexmls_connect__search_results_v2.flexmls-v2-widget
) *{
  box-sizing: border-box;
  min-width: 0;
}

:is(
  .jsc-idx-results-shell,
  body.flexmls_connect__search_results_page .flexmls_connect__search_results_v2.flexmls-v2-widget
){
  width: min(100% - 48px, 1320px);
  margin-inline: auto;
  color: var(--jsc-idx-results-text);
  font-family: inherit;
}

/* =========================================================
   3) ROOT-LEVEL SPACING / MISC
========================================================= */

:is(
  .jsc-idx-results-shell,
  body.flexmls_connect__search_results_page .flexmls_connect__search_results_v2.flexmls-v2-widget
) .flexmls-actions-wrapper{
  margin-bottom: 20px;
}

:is(
  .jsc-idx-results-shell,
  body.flexmls_connect__search_results_page .flexmls_connect__search_results_v2.flexmls-v2-widget
) .flexmls-map-wrapper{
  margin-bottom: 24px;
}

/* disclosure + branding can remain root-level results concerns */
:is(
  .jsc-idx-results-shell,
  body.flexmls_connect__search_results_page .flexmls_connect__search_results_v2.flexmls-v2-widget
) .flexmls_connect__idx_disclosure_text{
  margin-top: 24px;
  color: var(--jsc-text-body);
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
}

/* hide branding */
:is(
  .jsc-idx-results-shell,
  body.flexmls_connect__search_results_page .flexmls_connect__search_results_v2.flexmls-v2-widget
) .fbs-branding {
  padding-bottom: 20px;
}

:is(
  .jsc-idx-results-shell,
  body.flexmls_connect__search_results_page .flexmls_connect__search_results_v2.flexmls-v2-widget
) .fbs-branding > a{
  color: white !important; 
  font-size: 13px;
}

:is(
  .jsc-idx-results-shell,
  body.flexmls_connect__search_results_page .flexmls_connect__search_results_v2.flexmls-v2-widget
) .fbs-branding a:hover{
  color: white;
}

:is(
  .jsc-idx-results-shell,
  body.flexmls_connect__search_results_page .flexmls_connect__search_results_v2.flexmls-v2-widget
) hr{
  margin: 20px 0 0;
  border: 0;
  border-top: 1px solid var(--jsc-idx-results-border);
}



/* =========================================================
   4) RESPONSIVE
========================================================= */

@media (max-width: 767.98px){
  :is(
    .jsc-idx-results-shell,
    body.flexmls_connect__search_results_page .flexmls_connect__search_results_v2.flexmls-v2-widget
  ){
    width: min(100% - 24px, 1320px);
  }
}

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