/* ========================================================================
   ELIKA Site Modernizer 9.6.7 — press and active-listing finishing touches
   ======================================================================== */

/* Keep the Press destination directly beneath the left-hand recognition
   title without creating an additional publication-grid column. */
html body .em-recognition-label {
  display: block !important;
}

html body .em-recognition-press {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 10px 0 0 !important;
  padding: 0 0 4px !important;
  color: #29312b !important;
  -webkit-text-fill-color: #29312b !important;
  border: 0 !important;
  border-bottom: 1px solid #b58b48 !important;
  background: transparent !important;
  font: 700 9px/1.25 Arial, Helvetica, sans-serif !important;
  letter-spacing: .13em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

html body .em-recognition-press:is(:hover, :focus-visible) {
  color: #8d672f !important;
  -webkit-text-fill-color: #8d672f !important;
  border-bottom-color: #8d672f !important;
}

/* The original Post Closing control draws a horizontal slider track behind
   its radio choices. The choices are now buttons, so the legacy track must
   not remain visible through the inter-button gaps. */
html body.single-vc_listing .property-info .vc-post-closing
  .slider-wrapper .radio-slider:is(.three, .six)::before {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  content: none !important;
  background: transparent !important;
}

/* Let large closing-cost figures and their percentages share the narrow rail
   without allowing the final character to be cropped at the right edge. */
html body.single-vc_listing .property-info .vcrp-buyer-calculator {
  overflow: visible !important;
}

html body.single-vc_listing .property-info .vcrp-buyer-calculator .calc-row {
  grid-template-columns: minmax(0, 1fr) minmax(112px, 126px) !important;
  gap: 9px !important;
  padding-right: 2px !important;
}

html body.single-vc_listing .property-info .vcrp-buyer-calculator .rs-value-wrap {
  box-sizing: border-box !important;
  grid-template-columns: minmax(68px, 1fr) minmax(34px, auto) !important;
  justify-self: end !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 126px !important;
}

html body.single-vc_listing .property-info .vcrp-buyer-calculator
  .rs-value-wrap > .rs {
  min-width: 0 !important;
  max-width: none !important;
  font-size: 15px !important;
}

html body.single-vc_listing .property-info .vcrp-buyer-calculator
  .rs-value-wrap > .rs-value-pct {
  padding-right: 1px !important;
}

/* WPForms initializes the international phone UI after first paint. Reserve
   its country selector width so the flag never covers the Phone placeholder. */
html body.single-vc_listing #wpforms-54005-field_7-container .iti {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
}

html body.single-vc_listing #wpforms-54005-field_7-container
  input#wpforms-54005-field_7[type="tel"] {
  box-sizing: border-box !important;
  width: 100% !important;
  padding-right: 14px !important;
  padding-left: 62px !important;
}

/* Match the breadcrumb trail to the Save this listing utility type and give
   its separators a deliberate CSS chevron rather than a faint fragment. */
html body.single-vc_listing .vcrp-bc-row {
  font: 700 11px/1.35 Arial, Helvetica, sans-serif !important;
  letter-spacing: .105em !important;
}

html body.single-vc_listing .vcrp-bc-row .cs-separator {
  box-sizing: border-box !important;
  flex: 0 0 7px !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  margin: 0 14px !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: transparent !important;
  border: 0 !important;
  border-top: 1px solid #858a84 !important;
  border-right: 1px solid #858a84 !important;
  background: none !important;
  font-size: 0 !important;
  transform: rotate(45deg) !important;
}

@media (max-width: 780px) {
  html body.single-vc_listing .vcrp-bc-row {
    font-size: 11px !important;
  }

  html body.single-vc_listing .vcrp-bc-row .cs-separator {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
}

@media (max-width: 430px) {
  html body.single-vc_listing .property-info .vcrp-buyer-calculator .calc-row {
    grid-template-columns: minmax(0, 1fr) minmax(108px, 122px) !important;
    gap: 7px !important;
  }

  html body.single-vc_listing .property-info .vcrp-buyer-calculator .rs-value-wrap {
    grid-template-columns: minmax(65px, 1fr) minmax(32px, auto) !important;
    gap: 6px !important;
    max-width: 122px !important;
  }

  html body.single-vc_listing .property-info .vcrp-buyer-calculator
    .rs-value-wrap > .rs {
    font-size: 14px !important;
  }
}
/* Building profile refinements: bring the primary copy closer to the
   breadcrumb and align every headline fact on the same visual baseline. */
@media (min-width: 761px) {
  html body #elika-building-single-modern .em-building-single-hero-copy > :not(.em-building-breadcrumbs) {
    transform: translateY(-28px);
  }
}

html body #elika-building-single-modern .em-building-single-stats > div {
  display: grid !important;
  grid-template-rows: 24px minmax(58px, auto) auto !important;
  align-content: start !important;
  justify-content: stretch !important;
}

html body #elika-building-single-modern .em-building-single-stats > div > strong,
html body #elika-building-single-modern .em-building-single-stats > div > a {
  align-self: start !important;
  margin-top: 12px !important;
}

html body #elika-building-single-modern .em-building-single-stats > div > a strong {
  display: block !important;
  margin-top: 0 !important;
}

html body #elika-building-single-modern .em-building-engagement-grid.is-inquiry-only {
  grid-template-columns: minmax(0, 1fr) !important;
}

html body #elika-building-single-modern .em-building-engagement-grid.is-inquiry-only
  .em-building-engagement-inquiry {
  max-width: 860px !important;
  border-right: 0 !important;
}

/* Listing-page typography and calculator spacing requested in the final
   presentation pass. */
html body.single-vc_listing #building-information {
  font: 400 clamp(34px, 3vw, 42px)/1.08 Georgia, "Times New Roman", serif !important;
  letter-spacing: -.025em !important;
}

html body.single-vc_listing .property-info .vcrp-buyer-calculator {
  padding-top: 26px !important;
  padding-bottom: 14px !important;
}

html body.single-vc_listing .property-info .vcrp-buyer-calculator > label[for="amount_financed"] {
  margin-bottom: 8px !important;
  font-weight: 700 !important;
}

html body.single-vc_listing .property-info .vcrp-buyer-calculator > .nice-select {
  margin-bottom: 4px !important;
}

/* 9.6.25.14 — visual-only follow-up to the tested search release.
   The legacy home styles pull the hero 84px beneath the mobile header.
   Keep it in normal flow; leave the desktop header and hero untouched. */
@media (max-width: 1119px) {
  html body.home #page.site #elika-new-hero {
    margin-top: 0 !important;
  }
}

@media (max-width: 700px) {
  html body.home #elika-new-hero .elika-hero__inner {
    padding-top: 32px !important;
  }
}

/* Availability is live text, not a fixed-width number. Allow it to wrap
   inside its existing stat cell while preserving the common value baseline,
   Georgia typography, and the link to the building's available listings. */
html body #elika-building-single-modern .em-building-stat-availability > a,
html body #elika-building-single-modern .em-building-stat-availability > a > strong {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html body #elika-building-single-modern .em-building-stat-availability > a {
  display: block !important;
}

html body #elika-building-single-modern .em-building-stat-availability > a > strong {
  line-height: 1.2 !important;
}