/* ============================================================
   SunrisePro — "Lighter & Premium" redesign layer (sandbox /test/)
   Loaded AFTER the page's inline styles so it wins without hacks.
   Scope: visual refresh — light airy hero, generous spacing,
   premium cards & type, calmer accents. Navy + gold kept as accents.
   ============================================================ */

:root{
  --sp-navy:#14263d;
  --sp-navy-2:#1e3a5f;
  --sp-gold:#c19a2a;
  --sp-gold-soft:#d4af37;
  --sp-ink:#1f2a37;        /* strong body text */
  --sp-muted:#64748b;
  --sp-cream:#faf8f3;
  --sp-line:#ece8df;
  --sp-shadow:0 10px 34px rgba(20,38,61,.08);
  --sp-shadow-sm:0 4px 16px rgba(20,38,61,.06);
}

/* ---------- Global type & rhythm ---------- */
body{ color:var(--sp-ink); background:#ffffff; }
h1,h2,h3,h4{ font-family:'Playfair Display',Georgia,serif; color:var(--sp-navy); letter-spacing:-.01em; }
section{ border-bottom:none !important; }           /* drop the hard grey section lines */
.section-title, .section-header h2{ font-weight:700 !important; }

/* ---------- HERO → light, airy, premium ---------- */
.hero{
  background:linear-gradient(160deg,#fdfbf6 0%,#f5f1e8 55%,#f0ece1 100%) !important;
  min-height:auto !important;
  padding:150px 0 90px !important;
}
.hero::before,.hero::after{ display:none !important; }   /* kill dark overlay/video dimmer */
.hero .hero-eyebrow{
  color:var(--sp-navy) !important; text-shadow:none !important;
  font-family:'Playfair Display',Georgia,serif !important;
  font-weight:700 !important; font-size:clamp(30px,5vw,52px) !important;
  letter-spacing:-.01em !important; text-transform:none !important; line-height:1.12 !important;
}
.hero .hero-desc{ color:var(--sp-muted) !important; text-shadow:none !important; font-size:clamp(15px,2.4vw,19px) !important; }
.hero .hero-tagline{ color:var(--sp-gold) !important; }
.hero-search-box{ box-shadow:var(--sp-shadow) !important; border:1px solid var(--sp-line) !important; }

/* Trust chips under the hero search */
.hero-trust-badges, .trust-badges-row{ color:var(--sp-navy) !important; }
.hero-trust-badges *{ color:var(--sp-navy) !important; }

/* ---------- Stats band ---------- */
.stat-number{ font-family:'Playfair Display',Georgia,serif !important; color:var(--sp-navy) !important; }
.stat-label{ color:var(--sp-muted) !important; letter-spacing:.06em; }

/* ---------- Section spacing (more whitespace = premium) ---------- */
section{ padding-top:clamp(48px,7vw,86px) !important; padding-bottom:clamp(48px,7vw,86px) !important; }

/* ---------- Property / content cards → premium ---------- */
.property-card,.prop-card,.card,.blog-card,.nw-card,.feature-card,.why-card,.location-card{
  border:1px solid var(--sp-line) !important;
  border-radius:16px !important;
  box-shadow:var(--sp-shadow-sm) !important;
  overflow:hidden; background:#fff !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}
.property-card:hover,.prop-card:hover,.card:hover,.blog-card:hover,.nw-card:hover,.location-card:hover{
  transform:translateY(-5px) !important; box-shadow:var(--sp-shadow) !important;
}

/* ---------- Buttons ---------- */
.btn-primary,.hero-search-btn{ background:var(--sp-gold) !important; border-color:var(--sp-gold) !important; color:var(--sp-navy) !important; font-weight:700 !important; }
.btn-primary:hover,.hero-search-btn:hover{ background:#b4891f !important; }
.btn-outline,.btn-secondary{ border:1.5px solid var(--sp-navy) !important; color:var(--sp-navy) !important; }

/* ---------- Tame the floating social rail (premium = less clutter) ---------- */
.social-float,.floating-social,.social-sidebar{ opacity:.9; }
.social-float a,.floating-social a{ width:38px !important; height:38px !important; }
@media (max-width:768px){
  .social-float,.floating-social,.social-sidebar{ display:none !important; }  /* hide on mobile */
}

/* ---------- Section eyebrows (small gold labels) ---------- */
.section-eyebrow,.eyebrow{ color:var(--sp-gold) !important; letter-spacing:.14em !important; font-weight:700 !important; }