/* ═══════════════════════════════════════════════════════
   HOME HERO FIXED — CekModal v1.5.6.8a
   Hero tidak ikut scroll. Konten di bawahnya scroll
   di dalam .home-scroll-body.
   v1.5.6.8a: 100vh → 100dvh (fix Safari iOS address bar)
   ═══════════════════════════════════════════════════════ */

/*
  Wrapper page-home diubah ke layout flex column + fixed height,
  agar hero bisa sticky/fixed di atas dan body-nya scroll.
  Catatan: .page-home sudah punya animation fadeIn dari main CSS —
  tetap dipertahankan.
*/
.page-home {
  display: flex;
  flex-direction: column;
  /* v1.5.6.8a: 100dvh menghitung tanpa address bar Safari iOS (fix T4) */
  height: calc(100dvh - var(--header-height) - var(--nav-height) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  overflow: hidden;
}

/* Hero: tidak scroll, tinggi otomatis dari konten */
.hero-compact-wrapper {
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  /* Sedikit shadow ke bawah agar jelas terpisah dari konten scroll */
  filter: drop-shadow(0 2px 8px rgba(4, 120, 87, 0.18));
}

/* Body konten di bawah hero: ini yang scroll */
.home-scroll-body {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  /* Padding bawah agar konten terakhir tidak tertutup bottom-nav */
  padding-bottom: 24px !important;
}

/* Estimasi bahan, nudge card, profit chart — di luar .home-scroll-body,
   jadi ini perlu masuk juga. Override: jadikan bagian dari scroll body.
   Solusi: bungkus semua section post-hero dalam .home-scroll-body di JS. */

/* Scrollbar tipis */
.home-scroll-body::-webkit-scrollbar { width: 3px; }
.home-scroll-body::-webkit-scrollbar-track { background: transparent; }
.home-scroll-body::-webkit-scrollbar-thumb { background: #D1FAE5; border-radius: 99px; }

/* ── Warung image: pindah ke luar hero, jadi dekorasi kanan greeting ── */
/* (tidak dirender lagi di hero — dihapus dari renderHeroSummary) */

/* ── hero-fullbleed: v1.5.6.9c — spesifisitas dinaikkan agar menang vs bundle ── */
/* bundle: .hero-fullbleed { padding:52px 20px 24px } — spesifisitas 0,1,0     */
/* kita:  .page-home .hero-fullbleed — spesifisitas 0,2,0 → selalu menang      */
.page-home .hero-fullbleed {
  padding: max(10px, calc(env(safe-area-inset-top, 0px) + 4px)) 18px 16px !important;
  overflow: hidden !important;
}