<?php /** /app/views/public/contato.php */ ?>

<section style="padding: 80px 0 40px;background:var(--color-soft)">
  <div class="container" style="text-align:center;max-width:720px">
    <span style="font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;color:var(--color-gold)">Fale conosco</span>
    <h1 style="margin:16px 0 0">Contato</h1>
    <p style="color:var(--color-muted);margin-top:12px">Tire dúvidas, faça pedidos corporativos ou seja um revendedor.</p>
  </div>
</section>

<section>
  <div class="container" style="max-width:900px">
    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px">
      <?php if (!empty($config['contato_email'])): ?>
      <div style="padding:32px;background:#fff;border:1px solid var(--color-border);text-align:center">
        <div style="font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--color-gold)">E-mail</div>
        <div style="font-family:'Cormorant Garamond',serif;font-size:1.3rem;margin-top:12px">
          <a href="mailto:<?= e($config['contato_email']) ?>"><?= e($config['contato_email']) ?></a>
        </div>
      </div>
      <?php endif; ?>

      <?php if (!empty($config['contato_telefone'])): ?>
      <div style="padding:32px;background:#fff;border:1px solid var(--color-border);text-align:center">
        <div style="font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--color-gold)">Telefone</div>
        <div style="font-family:'Cormorant Garamond',serif;font-size:1.3rem;margin-top:12px"><?= e($config['contato_telefone']) ?></div>
      </div>
      <?php endif; ?>

      <?php if (!empty($config['contato_whatsapp'])): ?>
      <div style="padding:32px;background:#fff;border:1px solid var(--color-border);text-align:center">
        <div style="font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--color-gold)">WhatsApp</div>
        <a href="<?= e(whatsapp_link($config['contato_whatsapp'])) ?>" target="_blank" class="btn btn-whatsapp btn-sm" style="margin-top:16px">
          Falar agora
        </a>
      </div>
      <?php endif; ?>
    </div>

    <?php if (!empty($config['contato_endereco'])): ?>
      <div style="text-align:center;margin-top:48px;padding:32px;background:var(--color-soft)">
        <div style="font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--color-gold)">Endereço</div>
        <div style="margin-top:8px"><?= nl2br(e($config['contato_endereco'])) ?></div>
      </div>
    <?php endif; ?>
  </div>
</section>
