/* ════════════════════════════════════════════════════════
   HOMEPAGE THEME OVERRIDE — Roboto · Black & White
   ════════════════════════════════════════════════════════ */

/* 1. FONT — Roboto everywhere */
*, body, p, li, td, th, span, div, a, h1, h2, h3, h4, h5, h6,
input, textarea, button, label {
  font-family: 'Roboto', system-ui, sans-serif !important;
}
.section-header__heading {
  font-family: 'Roboto', system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

/* 1b. SECTION HEADINGS — uniform v3 size */
.section-header__heading,
h2.section-header__heading {
  font-size: clamp(1.85rem, 2.8vw, 2.6rem) !important;
  font-weight: 700 !important;
  line-height: 1.06 !important;
  letter-spacing: -.015em !important;
}
/* Hero H1 — 64px, single line */
.community-page .community-hero__h1 {
  font-size: 64px !important;
  font-weight: 700 !important;
  letter-spacing: -.025em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.community-page .community-hero__h1 em {
  color: #fff !important;
  font-weight: 700 !important;
  font-style: normal !important;
}
/* Section inner padding — match v3 .sec */
.section-inner {
  padding-left: clamp(1.25rem, 4vw, 3.5rem) !important;
  padding-right: clamp(1.25rem, 4vw, 3.5rem) !important;
}

/* 2. HERO — center all text */
.community-hero__content {
  align-items: center !important;
  text-align: center !important;
}
.community-hero__left {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.community-hero__breadcrumb {
  justify-content: center !important;
}
.community-hero__h1, .community-hero__sub {
  text-align: center !important;
}
.community-hero__sub {
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.community-hero__ctas {
  justify-content: center !important;
}

/* 3. CONTAINERS — wider (1440px) */
.section-inner,
.community-schools__inner,
.community-enclaves__inner,
.community-amenities__inner,
.community-lifestyle__inner,
.community-overview__inner,
.community-nearby__inner,
.community-map-section__inner {
  max-width: 1440px !important;
}
.nav__inner { max-width: 1440px !important; }
.footer__inner { max-width: 1440px !important; }

/* 4. BODY TEXT — bigger, more readable */
p, .community-market__body, .community-overview__body p,
.enclave-item__desc, .amenity-item__body, .schools-note,
.community-market__body + .community-market__body,
td, .glance-value {
  font-size: 1rem !important;
  line-height: 1.88 !important;
}
.community-overview__body p { font-size: 1.02rem !important; }

/* 5. ROUNDED CORNERS on cards/boxes */
.enclave-item               { border-radius: 10px !important; }
.amenity-item               { border-radius: 10px !important; }
.market-price-box           { border-radius: 10px !important; }
.nearby-card                { border-radius: 4px !important; overflow: hidden !important; }
.community-overview__glance { border-radius: 12px !important; }
.community-hero__stat       { border-radius: 8px !important; }
.btn-gold-sm, .btn-gold-outline { border-radius: 3px !important; }
.schools-table              { border-radius: 10px !important; overflow: hidden !important; }

/* 6. COLOR — replace gold with homepage white/neutral */
.section-header__eyebrow {
  color: rgba(255,255,255,.38) !important;
}
.section-header__eyebrow::before {
  background: rgba(255,255,255,.22) !important;
}
.progress-bar {
  background: rgba(255,255,255,.65) !important;
}
/* Buttons */
.btn-gold-sm {
  background: #fff !important;
  color: #0A0A0A !important;
}
.btn-gold-sm:hover { background: #eaeaea !important; }
.btn-gold-outline {
  color: rgba(255,255,255,.78) !important;
  border-color: rgba(255,255,255,.28) !important;
}
.btn-gold-outline:hover {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.65) !important;
  color: #fff !important;
}
/* Price boxes */
.market-price-box__range {
  font-family: 'Roboto', sans-serif !important;
  color: rgba(255,255,255,.88) !important;
  font-weight: 700 !important;
}
.schools-section-label { color: rgba(255,255,255,.42) !important; }
.schools-note { border-left-color: rgba(255,255,255,.2) !important; }

/* 7. LOGO — match homepage size */
.nav__logo-img {
  height: 56px !important;
  width: auto !important;
}

/* 8. NAV actions — phone CTA */
.btn-gold-outline.hide-mobile {
  color: #fff !important;
  border-color: rgba(255,255,255,.3) !important;
}

/* ════════════════════════════════════════════════════
   COMPREHENSIVE REDESIGN — All 11 plan items
   ════════════════════════════════════════════════════ */

/* ── 2. HERO centering ── */
.community-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.community-hero__content {
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
}
.community-hero__left {
  align-items: center !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
}
.community-hero__breadcrumb { justify-content: center !important; }
.community-hero__ctas { justify-content: center !important; }

/* ── 3. REMOVE ALL GOLD / NON-BW COLORS ── */
.section-header__eyebrow { color: rgba(255,255,255,.38) !important; }
.section-header__eyebrow::before { background: rgba(255,255,255,.22) !important; }
.community-hero__stat-value { color: #fff !important; }
.community-hero__stat-label { color: rgba(255,255,255,.45) !important; }
.market-price-box__tier { color: rgba(255,255,255,.35) !important; }
.market-price-box__range { color: rgba(255,255,255,.9) !important; font-weight: 700 !important; }
.enclave-item__price { color: rgba(255,255,255,.75) !important; }
.enclave-item__name { color: #fff !important; }
.schools-section-label { color: rgba(255,255,255,.42) !important; }
.schools-note { border-left-color: rgba(255,255,255,.18) !important; background: rgba(255,255,255,.03) !important; }
.progress-bar { background: rgba(255,255,255,.65) !important; }
.btn-gold-sm {
  background: #fff !important; color: #0A0A0A !important;
  border: none !important; border-radius: 3px !important;
}
.btn-gold-sm:hover { background: #eee !important; }
/* Restore old-style CTA heading to serif — Roboto universal override would override it */
.community-cta__h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
}
.community-lifestyle__icon { color: rgba(255,255,255,.5) !important; }

/* ── 4. BORDER RADIUS everywhere ── */
.enclave-item, .amenity-item, .market-price-box,
.community-overview__glance, .community-stats-bar__item,
.community-hero__stat, .lifestyle-card, .enclave-item { border-radius: 10px !important; }
.school-table-wrap table { border-radius: 10px !important; overflow: hidden !important; }

/* ── 5. STATS — v3-style large numbers ── */
.community-stats-bar {
  background: #0A0A0A !important;
  padding: 3rem clamp(1.25rem,4vw,3.5rem) !important;
}
.community-stats-bar .wrap-inner { max-width: 1200px; margin: 0 auto; }
.community-stats-bar__value {
  font-size: clamp(2rem, 3.5vw, 3.2rem) !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1 !important;
  letter-spacing: -.02em !important;
}
.community-stats-bar__label {
  font-size: .62rem !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.32) !important;
  margin-top: .4rem !important;
}

/* ── Amenities grid — wider column gap ── */
.community-amenities__list {
  column-gap: clamp(4rem, 8vw, 8rem) !important;
  row-gap: 2.25rem !important;
}

/* ── 7. AMENITY TITLES BIGGER ── */
.amenity-item__title {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  margin-bottom: .4rem !important;
  color: #fff !important;
}

/* ── 9. STAGGERED ENTRANCE ANIMATIONS ── */
.community-enclaves__grid .enclave-item:nth-child(1) { transition-delay: .05s !important; }
.community-enclaves__grid .enclave-item:nth-child(2) { transition-delay: .13s !important; }
.community-enclaves__grid .enclave-item:nth-child(3) { transition-delay: .21s !important; }
.community-enclaves__grid .enclave-item:nth-child(4) { transition-delay: .29s !important; }
.community-enclaves__grid .enclave-item:nth-child(5) { transition-delay: .37s !important; }
.community-enclaves__grid .enclave-item:nth-child(6) { transition-delay: .45s !important; }
.community-amenities__list .amenity-item:nth-child(1) { transition-delay: .05s !important; }
.community-amenities__list .amenity-item:nth-child(2) { transition-delay: .12s !important; }
.community-amenities__list .amenity-item:nth-child(3) { transition-delay: .19s !important; }
.community-amenities__list .amenity-item:nth-child(4) { transition-delay: .26s !important; }
.community-amenities__list .amenity-item:nth-child(5) { transition-delay: .33s !important; }
.community-amenities__list .amenity-item:nth-child(6) { transition-delay: .40s !important; }
.community-amenities__list .amenity-item:nth-child(7) { transition-delay: .47s !important; }
.community-amenities__list .amenity-item:nth-child(8) { transition-delay: .54s !important; }
.community-nearby__grid .nearby-card:nth-child(1) { transition-delay: .06s !important; }
.community-nearby__grid .nearby-card:nth-child(2) { transition-delay: .16s !important; }
.community-nearby__grid .nearby-card:nth-child(3) { transition-delay: .26s !important; }
.community-nearby__grid .nearby-card:nth-child(4) { transition-delay: .36s !important; }


/* ── 11. DISTINCT SECTION BACKGROUNDS ── */
.community-lifestyle { background: #F5F5F5 !important; }
.community-schools { background: #F5F5F5 !important; }
.community-listings-sec { background: #F5F5F5 !important; padding: clamp(3.5rem,6vw,6rem) clamp(1.25rem,4vw,3.5rem); }
.community-overview { background: #fff !important; }
.community-enclaves { background: #fff !important; }
.community-stats-bar { background: #0A0A0A !important; }
.community-market-wrap { background: #0A0A0A !important; }
.community-amenities { background: #0A0A0A !important; }
.community-map-section { background: #080A0F !important; }
.community-nearby { background: #0A0A0A !important; }

/* ── LISTINGS SECTION CSS ── */
.comm-lst-hdr { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:2rem; max-width:1440px; margin-left:auto; margin-right:auto; }
.comm-lst-grid { max-width:1440px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.comm-lst-grid .lc { background:#fff; border:1px solid #E0E0E0; border-radius:10px; overflow:hidden; transition:transform .35s,box-shadow .35s; }
.comm-lst-grid .lc:hover { transform:translateY(-4px); box-shadow:0 12px 36px rgba(0,0,0,.10); }
.comm-lst-grid .lc__media { position:relative; aspect-ratio:16/11; overflow:hidden; }
.comm-lst-grid .lc__media img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.comm-lst-grid .lc:hover .lc__media img { transform:scale(1.05); }
.comm-lst-grid .lc__badge { position:absolute; top:.8rem; left:.8rem; background:#fff; color:#0A0A0A; font-size:.52rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; padding:3px 8px; border-radius:2px; }
.comm-lst-grid .lc__body { padding:1.15rem 1.35rem 1.4rem; }
.comm-lst-grid .lc__price { font-size:clamp(1.3rem,1.8vw,1.65rem); font-weight:700; color:#0A0A0A; letter-spacing:-.02em; line-height:1; margin-bottom:.5rem; }
.comm-lst-grid .lc__addr { font-size:.82rem; font-weight:500; color:#0A0A0A; margin-bottom:.18rem; }
.comm-lst-grid .lc__city { font-size:.74rem; color:#9E9E9E; margin-bottom:.75rem; }
.comm-lst-grid .lc__stats { display:flex; gap:.55rem; align-items:center; font-size:.72rem; font-weight:500; color:#5A5A5A; padding-top:.75rem; border-top:1px solid #F0F0F0; flex-wrap:wrap; }
.comm-lst-grid .lc__d { width:3px; height:3px; border-radius:50%; background:#E0E0E0; flex-shrink:0; }
.comm-lst-grid .lc__cta { display:block; text-align:center; margin-top:.95rem; padding:.62rem; font-size:.62rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#5A5A5A; border:1.5px solid #E0E0E0; border-radius:2px; text-decoration:none; transition:all .22s; }
.comm-lst-grid .lc__cta:hover { background:#0A0A0A; color:#fff; border-color:#0A0A0A; }
.arr-dk { display:inline-flex; align-items:center; gap:.6rem; font-size:.67rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#0A0A0A; border-bottom:1px solid rgba(0,0,0,.2); padding-bottom:.35rem; text-decoration:none; transition:gap .28s; }
.arr-dk:hover { gap:1rem; }
@media (max-width: 768px) { .comm-lst-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .comm-lst-grid { grid-template-columns: 1fr; } }

/* ── Topbar — move to bottom of hero, centred ── */
.community-hero__topbar {
  position: absolute !important;
  bottom: 2rem !important;
  left: 0 !important; right: 0 !important;
  top: auto !important;
  height: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 1.25rem !important;
  background: none !important;
  padding: 0 !important;
  z-index: 10 !important;
}
.community-hero__back { color: rgba(255,255,255,.65) !important; }
.community-hero__back::before { color: rgba(255,255,255,.65) !important; }
.community-hero__breadcrumb .breadcrumb-sep { color: rgba(255,255,255,.35) !important; }
.community-hero__topbar .btn-gold-sm {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  border-radius: 2px !important;
  font-size: .6rem !important;
  letter-spacing: .2em !important;
}
.community-hero__topbar .btn-gold-sm:hover {
  background: rgba(255,255,255,.12) !important;
}

/* ── em in section headings on light-bg sections ── */
.community-overview .section-header__heading em,
.community-lifestyle .section-header__heading em,
.community-enclaves .section-header__heading em,
.community-schools .section-header__heading em {
  color: rgba(0,0,0,.45) !important;
  font-style: italic !important;
}

/* ── Light-section text overrides ── */
.community-overview .section-header__heading { color: #0A0A0A !important; }
.community-overview .section-header__eyebrow { color: rgba(0,0,0,.45) !important; }
.community-overview .section-header__eyebrow::before { background: rgba(0,0,0,.2) !important; }
.community-overview .community-overview__body,
.community-overview .community-overview__body p { color: rgba(0,0,0,.6) !important; }
.community-overview .glance-label { color: rgba(0,0,0,.45) !important; }
/* Glance box has dark bg (#111) — restore light labels inside it */
.community-overview__glance .glance-label { color: rgba(248,246,242,0.6) !important; }

.community-lifestyle .section-header__heading { color: #0A0A0A !important; }
.community-lifestyle .section-header__eyebrow { color: rgba(0,0,0,.45) !important; }
.community-lifestyle .section-header__eyebrow::before { background: rgba(0,0,0,.2) !important; }

.community-enclaves .section-header__heading { color: #0A0A0A !important; }
.community-enclaves .section-header__eyebrow { color: rgba(0,0,0,.45) !important; }
.community-enclaves .section-header__eyebrow::before { background: rgba(0,0,0,.2) !important; }

.community-schools .section-header__heading { color: #0A0A0A !important; }
.community-schools .section-header__eyebrow { color: rgba(0,0,0,.45) !important; }
.community-schools .section-header__eyebrow::before { background: rgba(0,0,0,.2) !important; }
.community-schools .schools-table th { color: rgba(0,0,0,.5) !important; border-bottom-color: rgba(0,0,0,.12) !important; }
.community-schools .schools-table td { color: rgba(0,0,0,.65) !important; border-bottom-color: rgba(0,0,0,.08) !important; }
.community-schools .schools-note { color: rgba(0,0,0,.55) !important; border-left-color: rgba(0,0,0,.15) !important; background: rgba(0,0,0,.03) !important; }
.community-schools .schools-section-label { color: rgba(0,0,0,.45) !important; }

/* ── HERO — clean single-column centred layout ── */
.community-hero__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 2.5rem !important;
  padding: clamp(4rem,7vw,8rem) clamp(1.25rem,4vw,3.5rem) clamp(3rem,5vw,5rem) !important;
}
.community-hero__left {
  text-align: center !important;
  max-width: 760px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.community-hero__breadcrumb { justify-content: center !important; }
.community-hero__ctas { justify-content: center !important; }
.community-hero__stats {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0 !important;
  width: auto !important;
  min-width: unset !important;
  max-width: 700px !important;
  background: rgba(0,0,0,.45) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}
.community-hero__stat {
  padding: 1rem 1.75rem !important;
  border-bottom: none !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  text-align: center !important;
  flex: 1 !important;
  min-width: 130px !important;
}
.community-hero__stat:last-child { border-right: none !important; }
.community-hero__stat-value {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1 !important;
}
.community-hero__stat-label {
  font-size: .54rem !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.45) !important;
  margin-top: .35rem !important;
}
.community-hero__logo { display: none !important; }

/* ── Stats bar — centre content within each cell ── */
.community-stats-bar__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* ── Lifestyle cards ── */
.lifestyle-card {
  background: #fff !important;
  border: 1px solid #E5E5E5 !important;
  border-top: 1px solid #E5E5E5 !important;
  box-shadow: 0 2px 18px rgba(0,0,0,.06) !important;
  border-radius: 10px !important;
}
.lifestyle-card__title { color: #0A0A0A !important; }
.lifestyle-card__body  { color: rgba(0,0,0,.55) !important; }

/* ── Enclave items ── */
.community-enclaves .community-enclaves__grid {
  background: #EBEBEB !important;
}
.community-enclaves .enclave-item {
  background: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.community-enclaves .enclave-item__name  { color: #0A0A0A !important; }
.community-enclaves .enclave-item__price { color: rgba(0,0,0,.55) !important; }
.community-enclaves .enclave-item__desc  { color: rgba(0,0,0,.5) !important; }

/* ── Lifestyle cards stagger ── */
.community-lifestyle__grid .lifestyle-card:nth-child(1) { transition-delay: .05s !important; }
.community-lifestyle__grid .lifestyle-card:nth-child(2) { transition-delay: .13s !important; }
.community-lifestyle__grid .lifestyle-card:nth-child(3) { transition-delay: .21s !important; }
.community-lifestyle__grid .lifestyle-card:nth-child(4) { transition-delay: .29s !important; }
.community-lifestyle__grid .lifestyle-card:nth-child(5) { transition-delay: .37s !important; }
.community-lifestyle__grid .lifestyle-card:nth-child(6) { transition-delay: .45s !important; }
/* Listing cards stagger */
.comm-lst-grid .lc:nth-child(1) { transition-delay: .08s !important; }
.comm-lst-grid .lc:nth-child(2) { transition-delay: .18s !important; }
.comm-lst-grid .lc:nth-child(3) { transition-delay: .28s !important; }