/* === STAGE32W_SINGLE_HOUSE_ESTATE_TEMPLATE_V1_START ===
   Generic, neutral badge + estate styling. No demo content lives here.
   Color system: graphite / grey / off-white + subtle olive accent (DudekHome).
*/

/* Multi-badge stack on investment cards (home page) */
.investment-badges {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  max-width: calc(100% - 28px);
}
.investment-badges .investment-badge {
  position: static; /* override single-badge absolute positioning */
  top: auto;
  left: auto;
}

/* Neutral badge variants (system of CSS classes, not hardcoded copy) */
.investment-badge--new      { background: rgba(33, 58, 41, 0.88); color: #eaf2ea; border-color: rgba(180, 205, 184, 0.5); }
.investment-badge--premium  { background: rgba(28, 26, 22, 0.9);  color: #e8d6a8; border-color: rgba(216, 192, 138, 0.55); }
.investment-badge--type     { background: rgba(40, 44, 48, 0.86); color: #e9edf0; border-color: rgba(190, 198, 205, 0.45); }
.investment-badge--reservation { background: rgba(94, 67, 24, 0.9); color: #f3e3c4; border-color: rgba(225, 196, 140, 0.5); }
.investment-badge--last     { background: rgba(92, 38, 33, 0.9);  color: #f4d9d4; border-color: rgba(226, 168, 158, 0.5); }
.investment-badge--soon     { background: rgba(48, 52, 58, 0.85); color: #dfe4ea; border-color: rgba(170, 180, 192, 0.45); }
.investment-badge--demo     { background: rgba(70, 70, 74, 0.9);  color: #f0f0f2; border-color: rgba(200, 200, 206, 0.5); letter-spacing: 0.12em; }

/* Status badge on each house card image (list of homes) */
.local-card { position: relative; }
.status-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 5px 11px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  background: rgba(16, 13, 9, 0.78);
  color: #f1f3ee;
  border: 1px solid rgba(244, 244, 240, 0.35);
  backdrop-filter: blur(6px);
}
.status-badge--available  { background: rgba(33, 58, 41, 0.9);  color: #eaf2ea; }
.status-badge--reserved   { background: rgba(94, 67, 24, 0.9);  color: #f3e3c4; }
.status-badge--sold       { background: rgba(60, 60, 64, 0.92); color: #e4e4e7; }
.status-badge--soon       { background: rgba(48, 52, 58, 0.9);  color: #dfe4ea; }

/* Subtle estate hero accent: faint plot-line grid overlay, no neon/gradient */
.theme-estate-graphite .project-hero {
  background-image:
    linear-gradient(rgba(120, 134, 120, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120, 134, 120, 0.06) 1px, transparent 1px);
  background-size: 38px 38px, 38px 38px;
}

/* ---- Estate investment page layout (ordered: hero → info grid → gallery → homes) ---- */

.estate-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 6px 0 14px;
}
.estate-hero-badges .investment-badge { position: static; }

.estate-view .estate-stats {
  margin-top: 20px;
}

/* B. Basic-info: equal 2x2 grid, nothing sticking out, no narrow side boxes */
.estate-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.estate-info-grid > .panel {
  margin: 0;
  height: 100%;
}
.estate-info-grid .kicker { margin-bottom: 6px; }

/* C. Gallery: even grid, fixed image proportions */
.estate-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 20px;
  align-items: stretch;
}
.estate-gallery .gallery-main img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 16px;
  background: #eceeec;
}
.estate-gallery .gallery-thumbs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 12px;
}
.estate-gallery .gallery-thumbs .thumb img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.estate-standards { margin: 0; height: 100%; }

/* D. Homes list: even grid, fixed image height, clear hierarchy */
.locals-grid.investment-kind-estate-houses {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.locals-grid.investment-kind-estate-houses .house-card {
  display: flex;
  flex-direction: column;
  position: relative;
}
.house-card > img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 16px;
  background: #eceeec;
}
.house-card > div {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: 12px;
}
.house-card h3 { font-size: 21px; margin: 0 0 8px; }
.house-card .house-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 14px;
  font-size: 13px;
  color: var(--muted, #5d6660);
  margin-bottom: 10px;
}
.house-card .house-meta strong { color: inherit; font-weight: 700; }
.house-card .price { margin-top: auto; }

@media (max-width: 860px) {
  .estate-info-grid { grid-template-columns: 1fr; }
  .estate-gallery { grid-template-columns: 1fr; }
}

/* === STAGE32W_SINGLE_HOUSE_ESTATE_TEMPLATE_V1_END === */