/* ============================================================
   LeadsPitch — curtain-reveal footer. ISOLATED FILE.
   Load AFTER search.css. To change the effect, REPLACE this
   whole file. Never merge edits into it.
   ============================================================ */

/* Page sheet: rounded card that slides over the footer */
html body main {
  position: relative;
  z-index: 2;
  background: var(--bg);          /* SOLID theme color, no alpha */
  border-radius: 24px;            /* all four corners */
  margin: 0 16px;                 /* side gutters; top flush under nav */
  margin-bottom: 640px;           /* fallback; footer-reveal.js syncs it */
  overflow: clip;                 /* clip children into the rounded corners */
  box-shadow: 0 40px 90px rgba(0, 0, 0, .35);
  transition: none;
  animation: none;
}

/* Footer: fixed behind, revealed by native scroll */
html body .site-footer {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 1;
  border-radius: 28px 28px 0 0;
  padding-top: calc(var(--nav-h, 76px) + 40px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  max-height: 100vh;
  max-height: 100dvh;
  overflow-y: auto;
  -webkit-overflow-scrolling: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  transform: translateZ(0);       /* own compositor layer = smooth scroll */
  transition: none;
  animation: none;
}
html body .site-footer::-webkit-scrollbar { display: none; }

/* Solid header bar: kills per-frame blur repaint (rough scroll)
   AND the footer bleed-through at the top.
   If your header selector differs, adjust ONLY this rule. */
body header,
body .site-header {
  background: var(--bg);          /* solid, no alpha */
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}