/* ============================================
   MANHATTAN MIAMI — Apple/Clean Pro Override
   Wraps existing pages with new design
   PRESERVES all property showcases & modules
   ============================================ */

@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700;800&display=swap");

/* Global font */
body, body * {
  font-family: 'Inter Tight', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Typography scale (Clean Pro) */
h1 { font-size: 80px !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 1.1 !important; }
h2 { font-size: 50px !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 1.15 !important; }
h3 { font-size: 37px !important; font-weight: 700 !important; letter-spacing: normal !important; }
h4 { font-size: 28px !important; font-weight: 300 !important; letter-spacing: normal !important; }
p, li, td { font-size: 18px !important; line-height: 1.65 !important; }

/* Nav override — thin black bar */
.global-nav, .header-section, .header-section.black-header, .mm-nav {
  position: fixed !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  z-index: 1002 !important;
  height: 48px !important;
  background: rgba(29, 29, 31, 0.92) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  padding: 0 !important;
}

body { padding-top: 48px !important; }

/* Nav links — white, 16px like Clean Pro */
.global-nav a, .header-section a, .gn-menu-wrapper .hs-menu-depth-1 > a {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.8) !important;
  letter-spacing: normal !important;
}

.global-nav a:hover, .gn-menu-wrapper .hs-menu-depth-1 > a:hover {
  color: #fff !important;
}

/* Logo */
.global-nav .gn-logo img, .gn-logo img {
  height: 18px !important;
  filter: brightness(0) invert(1) !important;
}

/* Hero sections — keep existing content but clean up typography */
.mmre-hero-header, .page-header.mmre-hero-header {
  padding: 100px 48px 64px !important;
  text-align: center !important;
}

.mmre-hero-header h1 {
  font-size: clamp(40px, 6vw, 80px) !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
}

.mmre-hero-header h1::after { display: none !important; }

/* Content sections — clean spacing */
.body-section, .who-section, .why-section, .story-section, 
.condo-search-section, .ranking-section, .discussion-section,
.services-section, .form-section, .schedule-section, .realtor-section {
  padding: 80px 48px !important;
}

/* Alternating color blocks (Apple style) */
.who-section, .story-section, .schedule-section {
  background: #f5f5f7 !important;
}

.why-section, .services-section, .ranking-section {
  background: #1d1d1f !important;
  color: #ffffff !important;
}

.why-section h2, .services-section h2, .ranking-section h2,
.why-section h3, .services-section h3, .ranking-section h3 {
  color: #ffffff !important;
}

.why-section p, .services-section p, .ranking-section p {
  color: rgba(255,255,255,0.8) !important;
}

/* Content text — readable width */
.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text,
.post-body, .new-postcontent, .detail-content, .content-box {
  max-width: 740px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* BUT preserve full-width for property showcases */
.neighborhood-listing-section, .neighborhood-building-listing,
.condo-search-section, .slider-section, .image-property,
[class*="mosaic"], [class*="listing"], [class*="gallery"],
[class*="building"], [class*="property"] {
  max-width: 100% !important;
  width: 100% !important;
}

/* Links */
a { color: #0066cc !important; }
a:hover { text-decoration: underline !important; }

/* Tables */
table th { background: #1d1d1f !important; color: #fff !important; padding: 14px 18px !important; }
table td { padding: 14px 18px !important; border-bottom: 1px solid #f5f5f7 !important; }

/* Buttons — pill style like Apple/Clean Pro */
.hs-cta-wrapper .cta_button, .hs-button, .btn, [class*="cta-btn"] {
  border-radius: 980px !important;
  font-family: 'Inter Tight', sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  padding: 12px 24px !important;
}

/* Forms */
.hs-form input[type=text], .hs-form input[type=email], 
.hs-form input[type=tel], .hs-form textarea, .hs-form select {
  font-family: 'Inter Tight', sans-serif !important;
  font-size: 16px !important;
  padding: 12px 16px !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 12px !important;
}

.hs-form input:focus, .hs-form textarea:focus {
  border-color: #0066cc !important;
  outline: none !important;
}

.hs-form .hs-button {
  background: #1d1d1f !important;
  color: #fff !important;
  border-radius: 980px !important;
  padding: 14px 28px !important;
  font-weight: 400 !important;
}

/* Footer — minimal like Apple */
.site-footer, .footer-container-wrapper {
  background: #f5f5f7 !important;
  font-size: 12px !important;
  color: #86868b !important;
}

.site-footer a { color: #86868b !important; font-size: 12px !important; }
.site-footer a:hover { color: #1d1d1f !important; }

/* Kill old decorative elements */
hr { border: none !important; border-top: 1px solid #d2d2d7 !important; margin: 48px 0 !important; }
h1::after, h2::after, .title-line, .accent-line { display: none !important; }

/* Mobile */
@media (max-width: 767px) {
  h1 { font-size: 40px !important; }
  h2 { font-size: 32px !important; }
  h3 { font-size: 26px !important; }
  p, li, td { font-size: 16px !important; }
  
  .body-section, .who-section, .why-section, .story-section,
  .condo-search-section, .ranking-section, .services-section,
  .form-section, .schedule-section {
    padding: 56px 20px !important;
  }
  
  .mmre-hero-header { padding: 80px 20px 48px !important; }
}

/* ============================================
   BUILDING PAGES PROTECTION
   These rules ensure buildings-theme pages
   are NEVER affected by this override CSS
   ============================================ */

/* Reset ALL overrides on building-theme pages */
body.tier-nyc, body.tier-nyc *,
body.tier-mia, body.tier-mia *,
body.tier-ftl, body.tier-ftl *,
body.tier-pb, body.tier-pb *,
body.tier-brand, body.tier-brand *,
body[class*="tier-"] *,
body[class*="building-"] * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
}

/* Reset nav on building pages — let buildings-theme control it */
body[class*="tier-"] .global-nav,
body[class*="tier-"] .header-section {
  height: auto !important;
  background: inherit !important;
  backdrop-filter: inherit !important;
}

body[class*="tier-"] { padding-top: inherit !important; }

/* Explicit page ID exclusions — NEVER override these */
.hs-content-id-83872252445 *,
.hs-content-id-209597148813 *,
body.hs-content-id-83872252445,
body.hs-content-id-209597148813 {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

/* UHNW CTA Language Styling */
.mm-sticky-cta__text { font-size: 15px !important; font-weight: 400 !important; }
.mm-cta-banner__btn--gold { 
  background: #1d1d1f !important; 
  color: #fff !important; 
  border-radius: 980px !important;
  font-size: 17px !important;
  padding: 14px 28px !important;
}
.mm-cta-banner__btn--gold:hover { background: #333 !important; }
.mm-cta-banner__btn--outline { 
  border: 1px solid rgba(255,255,255,0.3) !important; 
  border-radius: 980px !important;
  font-size: 17px !important;
  padding: 14px 28px !important;
}