/* ============================================================
   HIROSHI KUBOTA — MyRealPage embed theme
   Loaded INSIDE the MyRealPage iframe, via
   Listings → Settings → Advanced → Custom Header Content.
   Our page stylesheet cannot reach the iframe; this is the only
   hook. Palette must stay in sync with areas/area-system.css.

   !important is used throughout on purpose: this overrides a
   third-party LESS bundle whose load order relative to this file
   is not under our control.

   Brand source: BRAND-SPEC.md · no gold anywhere.
   ============================================================ */

:root{
  --navy:#192E47;
  --ocean:#1F5676;
  --sand:#CFBDA3;
  --sand-ink:#8B8576;
  --paper:#F7F4F1;
  --cloud:#FDFBFA;
  --rule:#E7E0D2;
  --body:#4A5B70;
  --muted:#8B94A3;
  --r-sm:3px;
  --font:'Red Hat Display',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ---------- typography ---------- */
body,button,input,select,textarea,
.mrp-listing-result,.mrp-listing-result *,
.idx-basic-control,.idx-basic-control *,
.selectize-input,.selectize-dropdown,.btn{
  font-family:var(--font) !important;
}
body{color:var(--body) !important;background:var(--cloud) !important}

.listing-item-entry-title,
.listing-item-entry-title a,
.mrp-listing-address-info{
  color:var(--navy) !important;font-weight:700 !important;letter-spacing:-.01em !important;
}
.mrp-listing-minor-address-info,
.mrp-listing-postal-code,
.mrp-listing-list-subarea,
.mrp-listing-description{
  color:var(--body) !important;
}
a{color:var(--ocean) !important}
a:hover{color:var(--navy) !important}

/* ---------- the card ---------- */
.mrp-listing-result{
  background:var(--cloud) !important;
  border:1px solid var(--rule) !important;
  border-radius:14px !important;
  overflow:hidden !important;
}

/* ---------- price: was #D44950 red ---------- */
.mrp-listing-price-container{
  background:var(--navy) !important;
  color:#fff !important;
  border-radius:0 !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
}

/* ---------- "NEW LISTING" corner ribbon: was #1F993B green ---------- */
.results-ribbon{
  background:var(--sand) !important;
  color:var(--navy) !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
}

/* ---------- property-type badge: was #0277BD blue ----------
   Dropped to a quiet label — it is metadata, not a headline. */
.summary-property-type{
  background:var(--paper) !important;
  color:var(--sand-ink) !important;
  border:1px solid var(--rule) !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  font-size:10.5px !important;
}

/* ---------- buttons ---------- */
.btn,
.mrp-listing-details-link a,
.mrp-listing-links-section a,
.save-search{
  background:var(--navy) !important;
  color:#fff !important;
  border:1px solid transparent !important;
  border-radius:var(--r-sm) !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
  text-transform:none !important;
}
.btn:hover,
.mrp-listing-details-link a:hover,
.mrp-listing-links-section a:hover,
.save-search:hover{
  background:var(--ocean) !important;color:#fff !important;
}

/* ---------- the agent block under each card ---------- */
.listing-contact-info{
  background:var(--paper) !important;
  border:1px solid var(--rule) !important;
  border-radius:var(--r-sm) !important;
  color:var(--body) !important;
}

/* ---------- search form ---------- */
.selectize-input,
.idx-basic-control input,
.idx-basic-omni-control input{
  border:1px solid var(--rule) !important;
  border-radius:var(--r-sm) !important;
  background:var(--cloud) !important;
  color:var(--navy) !important;
  box-shadow:none !important;
}
.selectize-input.focus{border-color:var(--ocean) !important;box-shadow:none !important}
.selectize-dropdown{
  border:1px solid var(--rule) !important;border-radius:8px !important;
}
.selectize-dropdown .active{background:var(--paper) !important;color:var(--navy) !important}
.idx-basic-control label,
.idx-basic-slider label,
.toggle-label{
  color:var(--sand-ink) !important;font-weight:700 !important;
  letter-spacing:.08em !important;text-transform:uppercase !important;
}

/* range sliders */
.noUi-connect{background:var(--ocean) !important}
.noUi-handle{
  background:var(--navy) !important;border:0 !important;
  box-shadow:0 2px 6px -2px rgba(25,46,71,.6) !important;border-radius:var(--r-sm) !important;
}
.noUi-target{background:var(--rule) !important;border:0 !important;box-shadow:none !important}

/* ---------- COMPLIANCE — do not touch ----------
   .mrp-listing-recip-logo / .recip-logo-required carry the MLS®
   reciprocity attribution that the board requires to be displayed.
   They are deliberately left unstyled and never hidden. */

/* ---------- board display cap notice: was #FF5722 deep orange ----------
   The board only serves 1,500 listings for public display, so any
   multi-area default trips this. The message is legitimate guidance —
   it just should not arrive looking like a failure. */
.mrp-listing-result-overflow-message{
  background:var(--paper) !important;
  color:var(--body) !important;
  border:1px solid var(--rule) !important;
  border-left:3px solid var(--sand) !important;
  border-radius:0 var(--r-sm) var(--r-sm) 0 !important;
  font-size:13px !important;
  line-height:1.6 !important;
  text-align:left !important;
}
.mrp-listing-result-overflow-message .results-overflow,
.mrp-listing-result-overflow-message *{
  color:var(--body) !important;
}