// Shared footer — Renewal Funds. Includes B Corp / 1% for the Planet badges.
function Footer() {
  const link = { color: "rgba(255,255,255,0.82)", textDecoration: "none", fontSize: 14, fontWeight: 500 };
  const head = { fontSize: 11, fontWeight: 700, letterSpacing: "0.18em", textTransform: "uppercase", color: "#cdd529", marginBottom: 16 };
  const col = { margin: 0, padding: 0, listStyle: "none", display: "flex", flexDirection: "column", gap: 10 };
  return (
    <footer style={{ background: "#33501a", color: "#fff", padding: "76px 48px 40px" }}>
      <div style={{ maxWidth: 1200, margin: "0 auto" }}>
        <div style={{ display: "grid", gridTemplateColumns: "1.6fr 1fr", gap: 40, paddingBottom: 56, borderBottom: "1px solid rgba(255,255,255,0.12)", alignItems: "start" }} className="footer-grid">
          <div>
            <img src="assets/renewal-logo-white.png" alt="Renewal Funds" style={{ height: 44, width: "auto", display: "block" }} />
            <p style={{ marginTop: 20, maxWidth: 320, fontSize: 14, lineHeight: 1.6, color: "rgba(255,255,255,0.6)" }}>
              A Vancouver-based, sustainability-focused impact venture capital fund.
            </p>
            <div style={{ display: "flex", gap: 18, marginTop: 24, alignItems: "center" }}>
              <img src="assets/bcorp-logo.png" alt="Certified B Corporation" style={{ height: 52, width: "auto", filter: "brightness(0) invert(1)", opacity: 0.85 }} />
              <img src="assets/1percent-logo.png" alt="1% for the Planet member" style={{ height: 44, width: "auto", filter: "brightness(0) invert(1)", opacity: 0.85 }} />
            </div>
          </div>
          <div>
            <div style={head}>Site</div>
            <ul style={col}>
              <li><a href="portfolio.html" style={link}>Portfolio</a></li>
              <li><a href="about.html" style={link}>About</a></li>
              <li><a href="team.html" style={link}>Team</a></li>
              <li><a href="investors.html" style={link}>Investors</a></li>
              <li><a href="https://rcv.vc" style={link}>Renewal Climate Ventures ↗</a></li>
            </ul>
          </div>
        </div>

        <div style={{ paddingTop: 26, display: "flex", flexDirection: "column", gap: 18 }}>
          {/* Legal disclosure carried over from the current site. */}
          <p style={{ margin: 0, maxWidth: 900, fontSize: 12, lineHeight: 1.6, color: "rgba(255,255,255,0.42)", letterSpacing: "0.01em" }}>
            The information on this website is provided for general informational purposes only and does not constitute an offer to sell, or a solicitation of an offer to buy, any security or investment product, nor does it constitute investment, legal, tax or accounting advice. Any such offer is made only to qualified investors by means of confidential offering documents. Past performance is not indicative of future results.
          </p>
          <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: 12, color: "rgba(255,255,255,0.5)", letterSpacing: "0.03em", flexWrap: "wrap", gap: 12 }}>
            <span>© {new Date().getFullYear()} Renewal Funds. All rights reserved.</span>
            <div style={{ display: "flex", gap: 22 }}>
              <a href="privacy.html" style={{ color: "inherit", textDecoration: "none" }}>Privacy policy</a>
              <a href="#" onClick={(e) => { e.preventDefault(); if (window.rfOpenCookieSettings) window.rfOpenCookieSettings(); }} style={{ color: "inherit", textDecoration: "none" }}>Cookie settings</a>
            </div>
          </div>
        </div>
      </div>
      <style>{`
        @media (max-width: 900px) { footer .footer-grid { grid-template-columns: 1fr 1fr !important; gap: 32px !important; } }
        @media (max-width: 520px) { footer .footer-grid { grid-template-columns: 1fr !important; } }
      `}</style>
    </footer>
  );
}
window.Footer = Footer;