/* Footer.jsx — legal footer with map-grid texture */
function Footer() {
  return (
    <footer style={{ position: 'relative', background: 'var(--navy-950)', color: '#fff', overflow: 'hidden' }}>
      <div aria-hidden="true" style={{ position: 'absolute', inset: 0, color: 'var(--navy-600)', opacity: 0.4, pointerEvents: 'none' }}>
        <img src="assets/map-grid.svg" alt="" style={{ width: '100%', height: '100%', objectFit: 'cover' }} />
      </div>
      <Container style={{ position: 'relative', padding: '56px 32px 40px' }}>
        <div className="footer-top" style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 32, flexWrap: 'wrap', paddingBottom: 36, borderBottom: '1px solid var(--navy-700)' }}>
          <div style={{ maxWidth: 360 }}>
            <img src="assets/taxtrail-logo-white.svg" alt="TaxTrail" style={{ height: 30 }} />
            <p style={{ font: 'var(--t-small)', color: 'var(--fg-on-dark-3)', marginTop: 16 }}>
              Guided NETFILE self-filing for Canadians. A product of 1001554244 Ontario Inc.
            </p>
          </div>
          <div style={{ display: 'flex', gap: 48, flexWrap: 'wrap' }}>
            <div>
              <div style={{ font: 'var(--t-label)', letterSpacing: '0.12em', textTransform: 'uppercase', color: 'var(--fg-on-dark-3)', marginBottom: 14 }}>More</div>
              <div style={{ font: '400 14px/2 var(--font-mono)', color: 'var(--fg-on-dark-2)' }}>taxtrail.ca</div>
              <a href="https://taxaim.ca" style={{ font: '400 14px/2 var(--font-mono)', color: 'var(--teal-300)', textDecoration: 'none', display: 'block' }}>taxaim.ca — for pros</a>
            </div>
            <div>
              <div style={{ font: 'var(--t-label)', letterSpacing: '0.12em', textTransform: 'uppercase', color: 'var(--fg-on-dark-3)', marginBottom: 14 }}>Contact</div>
              <a href="mailto:info@taxtrail.ca" style={{ font: '400 14px/2 var(--font-mono)', color: 'var(--teal-300)', textDecoration: 'none', display: 'block' }}>info@taxtrail.ca</a>
              <div style={{ font: '400 14px/2 var(--font-mono)', color: 'var(--fg-on-dark-2)' }}>Ontario, Canada</div>
            </div>
          </div>
        </div>

        <div style={{ display: 'flex', justifyContent: 'space-between', gap: 16, flexWrap: 'wrap', marginTop: 28 }}>
          <p style={{ font: 'var(--t-small)', color: 'var(--fg-on-dark-3)', margin: 0, maxWidth: 620 }}>
            © 2026 1001554244 Ontario Inc. All rights reserved. TaxTrail is a product of 1001554244
            Ontario Inc. TaxTrail is not yet certified by the Canada Revenue Agency — NETFILE
            certification is in progress for tax year 2026.
          </p>
          <span className="ds-status" style={{ background: 'rgba(217,145,43,0.14)', color: 'var(--amber-500)', border: '1px solid rgba(217,145,43,0.35)', font: 'var(--t-label)', letterSpacing: '0.08em', textTransform: 'uppercase', padding: '5px 12px', borderRadius: 999, height: 'fit-content', whiteSpace: 'nowrap' }}>Certification in progress</span>
        </div>
      </Container>
    </footer>
  );
}

window.Footer = Footer;