/**
 * HiGuppy footer — compact 2-column layout on mobile/tablet.
 * Loaded after hg-shell.css on all pages.
 */

@media (max-width: 900px) {
  .hg-site-footer {
    margin-top: 40px;
    padding: 32px 0 16px;
  }

  .hg-site-footer .hg-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 22px 20px;
    align-items: start;
  }

  /* Brand + social — full width, compact */
  .hg-site-footer .hg-footer-grid > div:first-child {
    grid-column: 1 / -1;
    padding-bottom: 14px;
    margin-bottom: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }

  .hg-site-footer .hg-footer-grid > div:first-child p {
    font-size: 13px;
    line-height: 1.55;
    margin-bottom: 6px;
    max-width: 36ch;
  }

  .hg-site-footer .hg-footer-grid > div:first-child p:last-of-type {
    margin-bottom: 0;
  }

  .hg-site-footer .hg-social {
    margin-top: 10px;
    gap: 6px;
  }

  .hg-site-footer .hg-social a {
    width: 32px;
    height: 32px;
    font-size: 11px;
  }

  .hg-site-footer h3 {
    margin: 0 0 10px;
    font-size: 11px;
    letter-spacing: 0.12em;
  }

  .hg-site-footer .hg-footer-grid a {
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 1.35;
  }

  .hg-site-footer .hg-footer-grid a:last-child {
    margin-bottom: 0;
  }

  /* Support — full width, links in 2 columns */
  .hg-site-footer .hg-footer-grid > div:nth-child(4) {
    grid-column: 1 / -1;
    column-count: 2;
    column-gap: 20px;
  }

  .hg-site-footer .hg-footer-grid > div:nth-child(4) h3 {
    column-span: all;
  }

  .hg-site-footer .hg-footer-grid > div:nth-child(4) a {
    break-inside: avoid;
    display: block;
  }

  .hg-footer-bottom {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 22px;
    padding-top: 16px;
  }

  .hg-footer-bottom-col--links,
  .hg-footer-legal {
    text-align: left;
    justify-content: flex-start;
  }

  .hg-footer-legal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 14px;
  }

  .hg-footer-note {
    max-width: none;
    font-size: 11px;
    line-height: 1.5;
  }

  .hg-footer-trust {
    font-size: 11px;
    line-height: 1.45;
  }
}

@media (max-width: 480px) {
  .hg-site-footer .hg-footer-grid {
    gap: 18px 16px;
  }

  .hg-site-footer .hg-footer-grid > div:first-child p {
    max-width: none;
  }

  .hg-logo-img {
    height: 34px !important;
    max-width: 140px !important;
  }
}