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

/* =========================================================
   JSC COMPONENT CONTRACT
   File: jsc-idx-single-summary.css
   Layer: IDX / Single Listing / Summary
   Version: 2.0
========================================================= */

:root{
  --jsc-idx-single-summary-gap: 24px;
  --jsc-idx-single-summary-gap-sm: 14px;
  --jsc-idx-single-summary-pad: 28px;
  --jsc-idx-single-summary-radius: 24px;

  --jsc-idx-single-facts-gap-x: 12px;
  --jsc-idx-single-facts-gap-y: 10px;
  --jsc-idx-single-fact-min-h: 40px;
  --jsc-idx-single-fact-pad-x: 14px;
  --jsc-idx-single-fact-radius: 999px;

  --jsc-idx-single-eyebrow-size: 12px;
  --jsc-idx-single-eyebrow-tracking: 0.12em;

  --jsc-idx-single-copy-size: 16px;
  --jsc-idx-single-copy-lh: 1.7;
  --jsc-idx-single-copy-max: 100ch;

  --jsc-idx-single-meta-size: 13px;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .main-details-section{
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: var(--jsc-idx-single-summary-gap);
  margin-top: var(--jsc-idx-single-section-gap);
  align-items: start;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .overview-section,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .flexmls-description,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .price-and-dates{
  background: var(--jsc-idx-single-surface);
  border: 1px solid var(--jsc-idx-single-border);
  border-radius: var(--jsc-idx-single-summary-radius);
  box-shadow: var(--jsc-idx-single-shadow);
  padding: var(--jsc-idx-single-summary-pad);
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .overview-section,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .flexmls-description{
  display: grid;
  gap: var(--jsc-idx-single-summary-gap-sm);
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .price-and-dates{
  display: grid;
  gap: var(--jsc-idx-single-summary-gap-sm);
  align-content: start;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .flexmls-details{
  display: flex;
  flex-wrap: wrap;
  gap: var(--jsc-idx-single-facts-gap-y) var(--jsc-idx-single-facts-gap-x);
  margin: 0;
  padding: 0;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .flexmls-detail,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .detail-item{
  display: flex !important;
  flex-direction: column !important;
  width: 30% !important;
  align-items: center;
  min-height: var(--jsc-idx-single-fact-min-h);
  padding-inline: var(--jsc-idx-single-fact-pad-x);
  border: 1px solid var(--jsc-idx-single-border);
  border-radius: var(--jsc-idx-single-fact-radius);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 6px 16px rgba(18, 20, 26, 0.04);  
  color: var(--jsc-idx-single-text);
  font-size: 14px;
  line-height: 1.3;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .flexmls-detail strong,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .detail-item strong{
  font-weight: 600;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .price-and-dates .label,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .price-and-dates h3,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .overview-section h3,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .flexmls-description h3{
  margin: 0;
  color: var(--jsc-idx-single-text-muted);
  font-size: var(--jsc-idx-single-eyebrow-size);
  line-height: 1.2;
  letter-spacing: var(--jsc-idx-single-eyebrow-tracking);
  text-transform: uppercase;
  font-weight: 600;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .price-and-dates p,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .price-and-dates div{
  margin: 0;
  color: var(--jsc-idx-single-text-muted);
  font-size: var(--jsc-idx-single-meta-size);
  line-height: 1.6;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .overview-section p,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .overview-section div,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .flexmls-description p,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .flexmls-description div{
  margin: 0;
  max-width: 100%;
  color: var(--jsc-idx-single-text-muted);
  font-size: var(--jsc-idx-single-copy-size);
  line-height: var(--jsc-idx-single-copy-lh);
}

@media (max-width: 1199.98px){
  :root{
    --jsc-idx-single-summary-pad: 24px;
    --jsc-idx-single-summary-gap: 20px;
  }

  :is(
    .jsc-idx-single-shell,
    body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
  ) .main-details-section{
    grid-template-columns: 1fr;
  }

  :is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .flexmls-detail,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .detail-item{
  display: flex !important;
  flex-direction: column !important;
  width: 25% !important;
  font-size: 12px;
  line-height: 1.1;
}
}

@media (max-width: 767.98px){
  :root{
    --jsc-idx-single-summary-pad: 20px;
    --jsc-idx-single-summary-gap: 18px;
    --jsc-idx-single-summary-gap-sm: 12px;
    --jsc-idx-single-copy-size: 15px;
  }
}

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