/* LeadsLean V4 — header / CTA / footer polish.
   Loaded after layout-wide-v3.css. Presentation only. */

/* HEADER
   Keep the lockup left, but give the right-hand navigation more visual weight. */
html body.visual-review-approved .header-row {
  min-height: 70px !important;
  gap: clamp(1.25rem, 2vw, 2.25rem) !important;
}

html body.visual-review-approved .brand-link {
  flex: 0 0 auto;
}

html body.visual-review-approved .nav {
  margin-left: auto !important;
  justify-content: flex-end !important;
  gap: clamp(.28rem, .5vw, .58rem) !important;
  transform: translateX(clamp(0px, .35vw, 7px));
}

html body.visual-review-approved .nav a {
  font-size: clamp(.97rem, .9vw, 1.04rem) !important;
  font-weight: 650 !important;
  padding: .68rem clamp(.72rem, .7vw, .9rem) !important;
  letter-spacing: -.012em;
}

html body.visual-review-approved .nav-cta {
  margin-left: .55rem !important;
  padding-inline: clamp(1.05rem, 1.2vw, 1.35rem) !important;
}

/* HERO ACTION GROUP
   Keep hero copy left aligned, but center the decision controls underneath. */
@media (min-width: 701px) {
  html body.visual-review-approved .hero .hero-actions {
    width: 100% !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.visual-review-approved .hero .hero-proof {
    width: 100% !important;
    max-width: none !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* FINAL CTA ABOVE FOOTER
   Treat it as one centered decision surface. */
html body.visual-review-approved .cta-panel {
  text-align: center !important;
}

html body.visual-review-approved .cta-panel h2,
html body.visual-review-approved .cta-panel h3,
html body.visual-review-approved .cta-panel p {
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.visual-review-approved .cta-panel .hero-actions {
  justify-content: center !important;
  width: 100% !important;
}

/* FOOTER — approved LeadsLean green field. */
html body.visual-review-approved .site-footer {
  background: #146C43 !important;
  color: #FFFFFF !important;
  border-top: 0 !important;
}

html body.visual-review-approved .site-footer strong,
html body.visual-review-approved .site-footer .footer-brand strong,
html body.visual-review-approved .site-footer .footer-col strong {
  color: #FFFFFF !important;
}

html body.visual-review-approved .site-footer .footer-brand p,
html body.visual-review-approved .site-footer .footer-col a,
html body.visual-review-approved .site-footer .footer-bottom {
  color: rgba(255,255,255,.86) !important;
}

html body.visual-review-approved .site-footer .footer-col a:hover,
html body.visual-review-approved .site-footer .footer-col a:focus-visible {
  color: #DDF5E8 !important;
  text-decoration: underline;
  text-underline-offset: .22em;
}

html body.visual-review-approved .site-footer .footer-bottom {
  border-top-color: rgba(255,255,255,.24) !important;
}

html body.visual-review-approved .site-footer {
  padding-top: clamp(2.8rem, 3vw, 3.5rem) !important;
  padding-bottom: 2rem !important;
}

/* Mobile keeps the existing compact menu and stacked CTA behavior. */
@media (max-width: 1000px) {
  html body.visual-review-approved .nav {
    transform: none !important;
  }
  html body.visual-review-approved .nav a {
    font-size: 1rem !important;
  }
}

@media (max-width: 700px) {
  html body.visual-review-approved .hero .hero-actions,
  html body.visual-review-approved .cta-panel .hero-actions {
    justify-content: stretch !important;
  }

  html body.visual-review-approved .hero .hero-proof {
    text-align: left !important;
  }
}