// Footer — ink, white text, real links + copyright
const SiteFooter = () => {
  const footer = { background: 'var(--ink)', color: 'var(--paper)', padding: '80px 0 32px' };
  const inner = { maxWidth: 'var(--container-max)', margin: '0 auto', padding: '0 32px' };
  const grid = { display: 'grid', gridTemplateColumns: '2fr 1fr 1fr 1fr', gap: 48, paddingBottom: 64, borderBottom: '1px solid rgba(255,255,255,0.15)' };
  const head = { fontSize: 11, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.14em', color: 'rgba(255,255,255,0.5)', margin: '0 0 16px' };
  const link = { display: 'block', color: 'var(--paper)', textDecoration: 'none', fontSize: 14, lineHeight: 1.9, borderBottom: 0 };
  const bottom = { display: 'flex', justifyContent: 'space-between', alignItems: 'center', paddingTop: 32, fontSize: 12, color: 'rgba(255,255,255,0.5)' };

  return (
    <footer style={footer}>
      <div style={inner}>
        <div style={grid}>
          <div>
            <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
              <img src="assets/logo-mark.png" alt="" style={{ height: 36, width: 'auto' }} />
              <span style={{ fontSize: 22, fontWeight: 800, letterSpacing: '-0.02em' }}>PETROL</span>
            </div>
            <p style={{ marginTop: 20, fontSize: 14, color: 'rgba(255,255,255,0.62)', maxWidth: 360, lineHeight: 1.55 }}>
              Сеть автозаправочных станций в Карагандинской области. С 1999 года.
            </p>
          </div>
          <div>
            <h4 style={head}>Компания</h4>
            <a style={link} href="#about">О компании</a>
            <a style={link} href="#stations">Сеть АЗС</a>
            <a style={link} href="#contacts">Контакты</a>
          </div>
          <div>
            <h4 style={head}>Услуги</h4>
            <a style={link} href="#services">Розничный отпуск</a>
            <a style={link} href="#b2b">Топливные карты</a>
            <a style={link} href="#services">Оптовые поставки</a>
          </div>
          <div>
            <h4 style={head}>Контакты</h4>
            <a style={link} href="tel:+77017369101">+7 701 736 91 01</a>
            <a style={link} href="mailto:july_karaganda@mail.ru">july_karaganda@mail.ru</a>
            <span style={{ ...link, color: 'rgba(255,255,255,0.62)', cursor: 'default' }}>г. Караганда,<br/>ул. Волгодонская 120,<br/>цокольный этаж</span>
          </div>
        </div>
        <div style={{ ...bottom, flexDirection: 'column', alignItems: 'flex-start', gap: 6 }}>
          <div style={{ width: '100%', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
            <span>© 2026 ТОО «Мунай-Компани». Все права защищены.</span>
            <a href="https://instagram.com/azs_petrol" target="_blank" rel="noopener noreferrer" style={{ color: 'rgba(255,255,255,0.5)', textDecoration: 'none', borderBottom: 0, fontSize: 12 }}>@azs_petrol</a>
          </div>
          <span style={{ fontSize: 12, fontWeight: 400, color: 'rgba(255,255,255,0.35)' }}>ТОО «Мунай-Компани» · БИН 990 340 009 296</span>
        </div>
      </div>
    </footer>
  );
};
window.SiteFooter = SiteFooter;