/* LUXURY SECTION THEME (Paul 10/12): black, silver, white, with a dash of emerald.
   Loaded after each page's own styles on the Distinctive Collection hub, its listing pages,
   the luxury buyer page and the luxury seller page. It only changes colors. To retune the whole
   luxury section, edit the six values below. */
:root {
  --lux-black: #0b0b0c;
  --lux-charcoal: #1b1c1e;
  --lux-silver: #c5c8cc;
  --lux-silver-light: #f3f4f5;
  --lux-emerald: #0f6b52;
  --lux-emerald-soft: #7fd1b6;

  --green: var(--lux-black);
  --green-deep: #000000;
  --green-tint: var(--lux-silver-light);
  --green-tint-2: #e8e9eb;
  --wash: var(--lux-silver-light);
  --paper-2: #f6f6f7;
  --rule: #d6d8db;
}

/* The dash of emerald: italic accents, small labels, button hover. */
h2 em, h3 em, .section-head h2 em, .lede h2 em { color: var(--lux-emerald); }
.mono-label, .comm-city, .lm-kicker { color: var(--lux-emerald); }
.hero .hero-kicker, .dark-band .mono-label, .photo-band .mono-label, .perks .mono-label { color: var(--lux-silver); }
/* Luxury hero eyebrow pill (Paul 2026-10-14): emerald pill behind "Distinctive · A Luxury Collection" on the lane pages. Lead magnets no longer carry an eyebrow. */
.hero .mono-label, .hero a.mono-label {
  display: inline-block;
  background: var(--lux-emerald);
  color: #fff !important;
  padding: 7px 16px;
  border-radius: 18px;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.hero a.mono-label:hover { background: #0e5a3f; }
.dark-band h2 em, .photo-band h2 em, .perks h2 em, .hero h1 em { color: var(--lux-emerald-soft); }
.cta:hover { background: var(--lux-emerald); border-color: var(--lux-emerald); color: #fff; }
.cta.ghost { color: var(--lux-black); border-color: var(--lux-black); }
.cta.ghost:hover { background: var(--lux-black); border-color: var(--lux-black); color: #fff; }
.cta.on-dark { background: #fff; color: var(--lux-black); border-color: #fff; }
.cta.on-dark:hover { background: var(--lux-silver); border-color: var(--lux-silver); color: var(--lux-black); }
.cta.ghost.on-dark { background: transparent; color: #fff; border-color: var(--lux-silver); }
.cta.ghost.on-dark:hover { background: #fff; color: var(--lux-black); border-color: #fff; }

/* Silver hairlines instead of soft green ones. */
.win, .lx-step, .lx-door, .comm, .homes-card, .lm-card { border-color: var(--rule); }
.section-head h2::after { content: ""; display: block; width: 56px; height: 1px; background: var(--lux-silver); margin: 22px auto 0; }
.ico { background: var(--lux-silver-light); color: var(--lux-black); }

/* Dark bands go true black. */
.dark-band, .perks, .site-footer { background-color: var(--lux-black); }
.site-footer { border-top: 0; }  /* the main site's green footer line stays off the luxury pages */

/* Shared closing block and guide cards (drawn by shared/site.js). */
.cx-card { background: var(--lux-black) !important; border: 1px solid #2a2b2e; }
.cx-card .cx-btn { color: var(--lux-black) !important; }
.cx-card .cx-btn:hover { background: var(--lux-silver) !important; border-color: var(--lux-silver) !important; }
.cx-card .cx-btn.cx-ghost { color: #fff !important; border-color: var(--lux-silver) !important; }

/* LUXURY NAV (Paul 10/12): these pages carry their own short nav on a black bar.
   Links: The Collection, Buying, Selling, back to 43re.com, and Find An Agent. */
.site-nav { background: var(--lux-black); border-bottom: 1px solid #2a2b2e; }
.site-nav-links a:not(.cta) { color: #fff; }
.site-nav-links a:not(.cta):hover { color: var(--lux-silver); }
.site-nav-links a.lux-back { color: var(--lux-silver); font-weight: 500; }
.site-nav-links a.cta { background: #fff; color: var(--lux-black); border-color: #fff; }
.site-nav-links a.cta:hover { background: var(--lux-silver); border-color: var(--lux-silver); color: var(--lux-black); }
.bh-menu-btn { color: #fff !important; border-color: #3a3b3e !important; }
.bh-menu-panel { border-top-color: var(--lux-black) !important; }
.bh-menu-panel a.bh-menu-cta { background: var(--lux-black) !important; }

/* Luxury nav logo: the normal white brokerage logo (Paul 10/12; a Distinctive Collection lockup was tried and dropped). */
@media (max-width: 820px) {
  .site-nav-logo img { height: 40px !important; margin: 6px 0 !important; }
}

/* $1M+ MLS LISTING PAGES (/homes/..., Paul 10/19): no pale green anywhere. Light bands go white,
   mint text on dark bands goes silver, green focus rings go grey. Scoped to listing pages only. */
body[data-listing-page] {
  --green-tint: #fff;
  --green-tint-2: var(--rule);
  --wash: #fff;
}
body[data-listing-page] .lp-sec.alt { border-top: 1px solid var(--rule); }
body[data-listing-page] .ls-firm-bar { background: #fff; border-bottom-color: var(--rule); }
body[data-listing-page] .ls-guide .ls-pricing-media { background: var(--lux-silver-light); }
body[data-listing-page] .lp-fact span,
body[data-listing-page] .lp-facts-more > summary,
body[data-listing-page] .lp-see .lp-kicker,
body[data-listing-page] .lp-agent p,
body[data-listing-page] .ls-bar-price i,
body[data-listing-page] .life-pre { color: var(--lux-silver); }
body[data-listing-page] .lp-steps b { border-color: var(--lux-silver); }
body[data-listing-page] .dc-pill { color: #fff; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.3); }
body[data-listing-page] .dc-pill.light { color: var(--lux-black); background: var(--lux-silver-light); }
body[data-listing-page] .ico { background: var(--lux-silver-light); }
body[data-listing-page] input:focus,
body[data-listing-page] textarea:focus,
body[data-listing-page] select:focus { outline-color: rgba(0,0,0,.25) !important; }
body[data-listing-page] .lp-hero-left {
  background: linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,.82) 100%);
}

/* ---------- Luxury hero headline (Paul 2026-10-20, option C) ----------
   All-caps Playfair shimmered on the photos (thin hairlines in white). Headline is now Playfair in
   Title Case (no forced caps) with a soft shadow, the subline is sans, and the left side of the photo
   is a little darker behind the words. Applies to every page that loads this file. */
header.hero { isolation: isolate; }
header.hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.22) 45%, rgba(0,0,0,0) 75%);
}
header.hero h1 { text-transform: none !important; letter-spacing: -0.3px !important; text-shadow: 0 2px 24px rgba(0,0,0,.55); }
header.hero .hero-sub { font-family: var(--sans) !important; text-shadow: 0 1px 12px rgba(0,0,0,.5); }
header.hero .cta { line-height: 1.45; }   /* long guide buttons wrap to two lines on phones */

/* Open house section on $1M+ listing pages (10/24) */
.lp-oh { background: var(--lux-silver-light); }
.lp-oh-list li { border-left-color: var(--lux-black); }