/* --- Front page neutralizer (safe) --- */
:root {
  --wp--style--root--padding-top: 0 !important;
  --wp--style--root--padding-bottom: 0 !important;

  /* Section spacing scale (new) */
  --mm-sec-top: clamp(32px, 4vw, 56px);
  --mm-sec-btm: clamp(48px, 5vw, 80px);
  --mm-sec-btm-lg: clamp(64px, 6vw, 96px);
}

/* Remove block theme margins on the front page only */
.home .wp-site-blocks,
.home .is-layout-constrained,
.home .entry-content,
.home .site,
.home .site-content,
.home.moodymango-front {
  margin: 0 !important;
  /* NOTE: do NOT zero padding here; header offset comes from site.css */
}

/* Full-width blocks on the mockup page */
.home .alignfull,
.home .alignwide {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Remove default gaps for common blocks used in sections */
.home .wp-block-group,
.home .wp-block-columns,
.home .wp-block-image,
.home .wp-block-cover,
.home .wp-block-spacer {
  margin: 0 !important;
  padding: 0 !important;
}

img { height: auto; display: block; }

/* --- Front-page sections (scoped to .home) --- */

/* Hero */
.home .hero{
  background: linear-gradient(rgba(38,70,83,.85), rgba(38,70,83,.9)),
              url('https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
  background-size: cover; background-position: center;
  color: #fff; padding: 120px 0 80px; text-align: center;
  position: relative; overflow: hidden;
}
.home .hero::before{
  content:""; position:absolute; bottom:-50px; left:0; width:100%; height:100px;
  background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,0V7.23C0,65.52,268.63,112.77,600,112.77S1200,65.52,1200,7.23V0Z" fill="%23f8f9fa"></path></svg>') no-repeat 0 0 / cover;
}
.home .hero-content{max-width:900px;margin:0 auto;position:relative;z-index:2}
.home .hero h1{font-size:3.8rem;margin-bottom:20px;line-height:1.2}
.home .hero h1 .mango{color:var(--mango-light);text-shadow:3px 3px 0 var(--mango-dark)}
.home .hero p{font-size:1.3rem;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}
.home .mango-badge{
  display:inline-block;background:var(--mango-light);color:var(--mango-dark);
  padding:8px 20px;border-radius:50px;font-weight:700;margin:15px 0;
  box-shadow:0 4px 10px rgba(0,0,0,.1)
}
.home .stats{display:flex;justify-content:center;gap:40px;margin-top:60px;flex-wrap:wrap}
.home .stat-item{
  background:rgba(255,255,255,.15);padding:25px;border-radius:15px;min-width:200px;
  backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)
}
.home .stat-item .number{font-size:2.8rem;font-weight:700;color:var(--mango-light);line-height:1;margin-bottom:10px}

/* Facing deposit troubles? (Situation Selector) */
.home .situation-selector{
  padding: var(--mm-sec-top) 0 var(--mm-sec-btm);
  background-color:var(--light);
}
.home .situations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.home .situation-card{
  background:#fff;border-radius:20px;padding:30px;text-align:center;
  box-shadow:0 15px 30px -10px rgba(0,0,0,.1);
  transition:transform .4s ease, box-shadow .4s ease
}
.home .situation-card:hover{transform:translateY(-15px);box-shadow:0 25px 50px -15px rgba(0,0,0,.15)}
.home .situation-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--dark)}

/* About Moody Mango */
.home .about{
  padding: var(--mm-sec-top) 0 var(--mm-sec-btm);
  background:linear-gradient(to bottom,var(--light) 0%,#e9f2f1 100%);
}
.home .about ul{list-style:none;margin-top:20px}
.home .about li{margin-bottom:15px;padding-left:35px;position:relative}
.home .about li::before{content:"✓";position:absolute;left:0;color:var(--leaf-green);font-weight:bold;font-size:1.2rem}

/* Our Services */
.home .services{
  padding: var(--mm-sec-top) 0 var(--mm-sec-btm-lg);
  background-color:var(--light);
}
.home .section-title{
  text-align:center;
  margin-bottom: clamp(24px, 3vw, 40px);
}
.home .section-title h2{font-size:2.8rem;color:var(--dark);margin-bottom:15px}
.home .section-title p{color:var(--stem-brown);max-width:700px;margin:0 auto;font-size:1.2rem}
.home .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.home .service-card{
  background:#fff;border-radius:20px;overflow:hidden;
  box-shadow:0 15px 30px -10px rgba(0,0,0,.1);
  transition:transform .4s ease, box-shadow .4s ease;position:relative;border:3px solid transparent
}
.home .service-card:hover{transform:translateY(-15px);box-shadow:0 25px 50px -15px rgba(0,0,0,.15);border-color:var(--mango-mid)}
.home .service-header{
  padding:30px;background:linear-gradient(135deg,var(--leaf-green) 0%,var(--mango-dark) 100%);
  color:#fff;position:relative;overflow:hidden
}
.home .service-header::before{
  content:"";position:absolute;top:-50px;right:-50px;width:100px;height:100px;background:var(--mango-light);
  border-radius:50%;opacity:.15
}
.home .service-header h3{font-size:1.8rem;margin-bottom:10px;position:relative;z-index:2}
.home .price{font-size:2.2rem;font-weight:700;color:var(--mango-light);position:relative;z-index:2}
.home .service-body{padding:30px}
.home .service-body ul{list-style:none;margin-bottom:25px}
.home .service-body li{margin-bottom:15px;padding-left:35px;position:relative}
.home .service-body li::before{content:"✓";position:absolute;left:0;color:var(--leaf-green);font-weight:bold;font-size:1.2rem}

/* See how it works (Process) */
.home .process{
  padding: var(--mm-sec-top) 0 var(--mm-sec-btm-lg);
  background:linear-gradient(to bottom,var(--light) 0%,#e9f2f1 100%);
  position:relative;
}
.home .process::before{
  content:"";position:absolute;top:-50px;left:0;width:100%;height:100px;
  background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,0V7.23C0,65.52,268.63,112.77,600,112.77S1200,65.52,1200,7.23V0Z" fill="%23f8f9fa"></path></svg>') no-repeat 0 0 / cover;
  transform:rotate(180deg)
}
.home .process-steps{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:50px;position:relative;z-index:2}
.home .step{
  flex:1;min-width:250px;max-width:300px;text-align:center;padding:40px 25px;background:#fff;border-radius:20px;
  position:relative;box-shadow:0 10px 30px rgba(42,157,143,.1);border-top:5px solid var(--mango-mid)
}
.home .step-number{
  position:absolute;top:-25px;left:50%;transform:translateX(-50%);
  width:50px;height:50px;background:var(--mango-mid);color:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;
  box-shadow:0 5px 15px rgba(231,111,81,.3)
}
.home .step h3{margin:15px 0 20px;color:var(--dark);font-size:1.5rem}

/* Testimonials */
.home .testimonials{
  padding: var(--mm-sec-top) 0 var(--mm-sec-btm-lg);
  background:linear-gradient(135deg,var(--mango-dark) 0%,var(--leaf-green) 100%);
  color:#fff;text-align:center;position:relative
}
.home .testimonials::before{
  content:"";position:absolute;top:-50px;left:0;width:100%;height:100px;
  background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,0V7.23C0,65.52,268.63,112.77,600,112.77S1200,65.52,1200,7.23V0Z" fill="%23e9f2f1"></path></svg>') no-repeat 0 0 / cover
}
.home .testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px;position:relative;z-index:2}
.home .testimonial-card{
  background:rgba(255,255,255,.12);padding:35px;border-radius:20px;text-align:left;
  backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)
}
.home .testimonial-card p{font-style:italic;margin-bottom:25px;font-size:1.1rem;position:relative}
.home .testimonial-card p::before{
  content:"“";position:absolute;top:-25px;left:-15px;font-size:5rem;color:rgba(255,255,255,.2);
  font-family:Georgia,serif;line-height:1
}
.home .client-info{display:flex;align-items:center;gap:15px}
.home .client-avatar{
  width:60px;height:60px;border-radius:50%;
  background:linear-gradient(135deg,var(--mango-mid) 0%,var(--mango-dark) 100%);
  display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.5rem;color:#fff
}

/* Resources */
.home .resources{
  padding: var(--mm-sec-top) 0 var(--mm-sec-btm);
  background-color:var(--light);
}
.home .resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.home .resource-card{
  background:#fff;border-radius:20px;padding:30px;text-align:center;
  box-shadow:0 15px 30px -10px rgba(0,0,0,.1);
  transition:transform .4s ease, box-shadow .4s ease
}
.home .resource-card:hover{transform:translateY(-15px);box-shadow:0 25px 50px -15px rgba(0,0,0,.15)}
.home .resource-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--dark)}

/* CTA section (final) */
.home .cta-section{
  padding: calc(var(--mm-sec-top) + 8px) 0;
  background:url('https://images.unsplash.com/photo-1560448204-603b3fc33ddc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80') no-repeat center/cover;
  text-align:center;color:#fff;position:relative
}
.home .cta-overlay{background:rgba(38,70,83,.9);padding:80px 20px;border-radius:20px;max-width:800px;margin:0 auto}
.home .cta-section h2{font-size:2.8rem;margin-bottom:20px}
.home .cta-section p{max-width:600px;margin:0 auto 30px;font-size:1.2rem}

/* Small-screen hero tweaks */
@media (max-width:400px){
  .home .hero{padding:64px 0 36px}
  .home .hero h1{font-size:clamp(1.8rem,8vw,2.4rem)}
}
@media (max-width:768px){
  .home .hero{padding-top:calc(var(--mm-header-h) + 24px)}
}

/* Reusable CTA area at the end of sections */
.section-cta { text-align: center; margin-top: 24px; }
.section-cta .cta-button { margin-top: 10px; }