<footer class="footer">
  <div class="inner">
    <div class="grid grid-3 footer-grid">
      <div>
        <div style="font-weight:900;color:var(--army)">Holistic Caregiver Services Ltd</div>
        <div class="help" style="margin-top:6px">
          Professional home care & nursing services you can trust.
        </div>
      </div>

      <div>
        <div style="font-weight:800">Contact</div>
        <div class="help" style="margin-top:6px;line-height:1.55">
          Phone: {{ SITE_PHONE }}<br>
          Email: {{ SITE_EMAIL }}<br>
          Hours: {{ SITE_OFFICE_HOURS }}
        </div>
      </div>

      <div>
        <div class="card soft card-tight footer-install-card">
          <div style="display:flex;align-items:flex-start;justify-content:space-between;gap:10px">
            <div style="min-width:0">
              <div style="font-weight:950">Install the app</div>
              <div class="small" style="margin-top:2px">Add to home screen for faster access.</div>
            </div>
            <button id="pwaInstallBtnFooter" class="btn btn-accent btn-sm" style="display:none;white-space:nowrap">📱 Install</button>
          </div>
        </div>
      </div>
    </div>

    <div class="divider" style="margin-top:14px"></div>

    <div class="small" style="display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:10px 0 0">
      <div>© {% now "Y" %} {{ SITE_NAME|default:"Holistic Caregiver" }}. All rights reserved.</div>
      <div style="display:flex;gap:10px;flex-wrap:wrap">
        <a href="{% url 'website:legal_privacy' %}">Privacy</a>
        <span aria-hidden="true">•</span>
        <a href="{% url 'website:legal_terms' %}">Terms</a>
      </div>
    </div>
  </div>

  {# Support footer removed (chat widget is now the only support entry) #}
</footer>
