/* ============================================================
   DriveHub shared footer — single source of truth, linked from
   every marketing-site page via
   <link rel="stylesheet" href="/assets/footer.css">
   and injected via partials/footer.html (see pageRenderer.js).

   Depends on the same CSS custom properties every page already
   defines (--ink, --muted, --line, --glass, --blue-light).
   ============================================================ */

footer{
  padding:70px clamp(20px,6vw,80px) 40px; border-top:1px solid var(--line);
  text-align:center; color:var(--muted); font-size:.85rem;
}
footer .brand{justify-content:center; margin-bottom:18px; display:flex; align-items:center;}
footer .links{display:flex; gap:28px; justify-content:center; margin:18px 0; flex-wrap:wrap;}
footer .links a{color:var(--muted); text-decoration:none; font-size:.85rem;}
footer .links a:hover{color:var(--blue-light);}

.footer-store-badges{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin:20px 0;}
.footer-store-badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 18px; border-radius:10px; text-decoration:none;
  border:1px solid var(--line); background:var(--glass); font-size:.82rem; font-weight:700; color:var(--muted);
  transition:.2s;
}
.footer-store-badge:hover{color:var(--blue-light); border-color:var(--blue-light);}