/* ============================================================
   PRICE NINJA — FOOTER (standalone)
   Loaded for every `themes.base` site (Price Ninja AND
   My Best Shopping List), unlike style.css which is PN-only.
   Keep it self-contained: tokens and fonts are declared here,
   scoped to .pn-footer, so it never restyles the host page.
   ============================================================ */
.pn-footer {
  --pn-blu-50: #4E70D9;
  background: #1050ad; color: #fff; padding: 80px 0 32px;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
.pn-footer__inner { display: flex; flex-direction: column; gap: 32px; }
.pn-footer__top { display: flex; gap: 32px; align-items: stretch; }
.pn-footer__brand { flex: 0 0 auto; }
.pn-footer__logo { width: 170px; height: auto; display: block; }
.pn-footer__logo--horizontal { display: none; width: 200px; }
.pn-footer__vr { width: 1px; background: var(--pn-blu-50); flex: 0 0 auto; }
.pn-footer__col { display: flex; flex-direction: column; gap: 4px; width: 90px; flex: 0 0 auto; }
.pn-footer__col h3 { font-size: 20px; font-weight: 600; margin: 0 0 4px; color: #fff; font-family: 'Zalando Sans', 'Inter', system-ui, -apple-system, sans-serif; }
.pn-footer__col a { color: #fff; font-size: 16px; text-decoration: none; }
.pn-footer__col a:hover { text-decoration: underline; }
.pn-footer__legal { flex: 1 1 auto; color: #bbbfbc; font-size: 14px; line-height: 1.5; margin: 0; }
.pn-footer__hr { height: 1px; background: var(--pn-blu-50); width: 100%; }
.pn-footer__bottom { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; }
.pn-footer__copyright { color: #fff; font-size: 14px; margin: 0; }
.pn-footer__links { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.pn-footer__links a { color: #fff; font-size: 14px; text-decoration: none; }
.pn-footer__links a:hover { text-decoration: underline; }
@media (max-width: 991.98px) {
  .pn-footer { padding-top: 40px; }
  .pn-footer__top { flex-direction: column; gap: 24px; }
  .pn-footer__vr { display: none; }
  .pn-footer__logo--stacked { display: none; }
  .pn-footer__logo--horizontal { display: block; }
  .pn-footer__col { width: 100%; gap: 0; }
  .pn-footer__col h3 { margin: 0 0 8px; }
  .pn-footer__col a { padding: 14px 0; border-bottom: 1px solid var(--pn-blu-50); }
  .pn-footer__col a:first-of-type { border-top: 1px solid var(--pn-blu-50); }
  .pn-footer__legal { flex: 0 0 auto; width: 100%; }
}