/* v9.6.12 — presentation only; retain RealPlus values, events and calculations.
 * The :is() scope covers the sidebar and responsive listing containers. Its
 * specificity deliberately exceeds the older .property-info repair layers.
 */
/* Restore ELIKA sage on the native RealPlus green status ribbon only. */
html body.single-vc_listing .ui.ui.ui.green.ribbon.label {
  background-color: #aeb8ae !important;
  border-color: #788578 !important;
  color: #202720 !important;
  -webkit-text-fill-color: #202720 !important;
  font: 600 11px/1.3 Arial, Helvetica, sans-serif !important;
  letter-spacing: .07em !important;
}

/* Set size on the actual trail, not just its parent (whose inherited font
 * was being overridden on the nested address and links). Keep account actions
 * separate, and let long addresses wrap without horizontal page overflow. */
html body.single-vc_listing #breadcrumbs.vcrp-breadcrumbs,
html body.single-vc_listing #breadcrumbs.vcrp-breadcrumbs :is(li, span:not(.cs-separator), a, strong) {
  font: 600 12px/1.6 Arial, Helvetica, sans-serif !important;
  letter-spacing: .07em !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
html body.single-vc_listing #breadcrumbs.vcrp-breadcrumbs .breadcrumb_last,
html body.single-vc_listing #breadcrumbs.vcrp-breadcrumbs .breadcrumb_last strong {
  font-weight: 400 !important;
}

html body.single-vc_listing .vcrp-buyer-calculator #mortgage-financing-costs.calc-title {
  font: 400 24px/1.3 Georgia, "Times New Roman", serif !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
  color: #292f2b !important;
  margin: 0 !important;
  padding: 24px 0 14px !important;
}

/* Make the message label a real, separate line, including when populated. */
html body #wpforms-form-54005 #wpforms-54005-field_2-container {
  overflow: visible !important;
  height: auto !important;
}
html body #wpforms-form-54005 #wpforms-54005-field_2-container > label {
  position: static !important;
  inset: auto !important;
  display: block !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  background: transparent !important;
  color: #50564f !important;
  font: 600 10px/1.5 Arial, Helvetica, sans-serif !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
html body #wpforms-form-54005 #wpforms-54005-field_2 {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 120px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  text-indent: 0 !important;
  font: 400 16px/1.5 Arial, Helvetica, sans-serif !important;
  resize: vertical !important;
}

/* Compact field pairs: remove inherited row spacing AND stretched groups. */
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing form.post-closing > .inputs > .row {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  align-items: start !important;
  gap: 18px 14px !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing form.post-closing > .inputs > .row::before,
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing form.post-closing > .inputs > .row::after {
  display: none !important;
  content: none !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing form.post-closing > .inputs > .row > [class*="col-"] {
  box-sizing: border-box !important;
  position: static !important;
  display: block !important;
  float: none !important;
  clear: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing form.post-closing > .inputs > .row .form-group.decimal-input {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing .form-group.decimal-input > label {
  display: block !important;
  min-height: 30px !important;
  height: auto !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  font: 600 10px/1.5 Arial, Helvetica, sans-serif !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing .form-group.decimal-input > .input-group {
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing form.post-closing > .inputs > .form-group {
  margin: 0 0 20px !important;
  padding: 0 !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing .inputs :is(h5#property-type, h5#amount-financed) {
  font: 400 21px/1.3 Georgia, "Times New Roman", serif !important;
  letter-spacing: -.015em !important;
  text-transform: none !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing .vc-switch-container > label.vc-switch {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* The visible radio text comes from ::before, not from the label's text node. */
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing .radio-slider:is(.three, .six) {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing .radio-slider:is(.three, .six)::before {
  content: none !important;
  display: none !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing .radio-slider:is(.three, .six) > label {
  grid-column: auto !important;
  min-width: 0 !important;
  min-height: 46px !important;
  padding: 10px 5px !important;
  font: 600 11px/1.3 Arial, Helvetica, sans-serif !important;
  letter-spacing: .025em !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing .radio-slider:is(.three, .six) > label::before {
  font: inherit !important;
  letter-spacing: inherit !important;
  opacity: 1 !important;
  white-space: normal !important;
  transition: none !important;
}

/* Mortgage actions retain the native submit controls and click handlers. */
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .calc-wrap-mp.mortgage-calculator :is(.submit-group, .full-width.flex) {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .calc-wrap-mp.mortgage-calculator :is(.submit-group, .full-width.flex) > :is(a, input) {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 13px 8px !important;
  border: 1px solid #292f2b !important;
  border-radius: 0 !important;
  font: 600 10px/1.4 Arial, Helvetica, sans-serif !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: normal !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .calc-wrap-mp.mortgage-calculator .btn-advanced {
  color: #292f2b !important;
  background: transparent !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .calc-wrap-mp.mortgage-calculator form.mortgage-calculator > .form-group > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .calc-wrap-mp.mortgage-calculator form.mortgage-calculator > .form-group > .row > .col-xs-6 {
  width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .calc-wrap-mp.mortgage-calculator form.mortgage-calculator > .form-group > .row::before,
html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .calc-wrap-mp.mortgage-calculator form.mortgage-calculator > .form-group > .row::after {
  display: none !important;
  content: none !important;
}
@media (max-width: 420px) {
  html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing form.post-closing > .inputs > .row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }
  html body.single-vc_listing :is(#vcrp-rightsidebar-area, .property-info) .vc-post-closing .form-group.decimal-input > label {
    min-height: 0 !important;
  }
}
