/* ============================================================
   Circi — Theme · Warm Peach variant
   Loaded LAST (after theme-navy-terracotta.css). Overrides only.
   - Header (nav + util) → #FFF0E4
   - Removes the dark navy section separator bars
   - Distinct alternating section backgrounds
   - Hero gets a light fresh-blue gradient
   - Trust pillars get a brownish (#A47251) fill
   ============================================================ */

/* ---- Header: utility bar + nav → warm peach ---- */
/* Utility bar stays navy (base styles.css) — no override here */

.nav {
  background: #F5F5F0 !important;
  border-bottom: 1px solid rgba(90,74,60,0.14) !important;
}
.nav.scrolled {
  background: rgba(245,245,240,0.94) !important;
  box-shadow: 0 1px 0 rgba(90,74,60,0.08) !important;
}
.nav .search-expand { background: rgba(245,245,240,0.97) !important; }

/* ---- Remove the navy 4px separator bars on every section ---- */
section.directory,
section.lc,
section.built,
section.testimonials,
section.trust,
section.ms,
.site-footer {
  border-top: 0 !important;
}

/* ---- Alternating, distinctive section backgrounds ---- */
/* Hero — light fresh-blue gradient fading to warm stone */
.hero {
  background:
    linear-gradient(180deg, #E8F1FB 0%, #F1F4F9 46%, #F5F5F0 100%) !important;
}

/* Directory — clean white */
.directory { background: #FFFFFF !important; }

/* How It Works — light fresh-blue gradient band */
.lc {
  background: linear-gradient(180deg, #E8F1FB 0%, #F4F8FD 100%) !important;
}

/* Built For You — clean white */
.built { background: #FFFFFF !important; }

/* Trust — light fresh-blue gradient band (pillars carry the brown) */
.trust {
  background: linear-gradient(180deg, #E8F1FB 0%, #F4F8FD 100%) !important;
  margin-top: 0 !important;
}

/* Footer — warm stone to close */
.site-footer { background: #F5F5F0 !important; }

/* ---- Trust pillars → brownish #A47251 connected bar ---- */
.trust .pillars {
  border: 0 !important;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 24px 48px -22px rgba(120,72,46,0.55), 0 6px 16px -10px rgba(18,19,88,0.18);
}
.trust .pillar {
 background: linear-gradient(160deg, #C5A387 0%, #B58C6D 100%) !important;
  border-right: 1px solid rgba(255,255,255,0.14) !important;
}
.trust .pillar:last-child { border-right: 0 !important; }
.trust .pi-ico {
  background: rgba(255,255,255,0.18) !important;
  color: #FFFFFF !important;
  border-color: rgba(255,255,255,0.30) !important;
}
.trust .pi-label { color: #FFFFFF !important; }
.trust .pi-line { color: rgba(255,255,255,0.85) !important; }

@media (max-width: 900px) {
  .trust .pillar { border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.14) !important; }
  .trust .pillar:last-child { border-bottom: 0 !important; }
}