/* Phones (8 Nov 2026): the footer is centred on every page: name, social icons, links and copyright all down the middle. */
@media (max-width: 720px) {
  html body footer.site-footer, html body footer#gx-footer, html body > footer, html body .page > footer, html body footer { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 14px !important; }
  html body footer > div, html body footer .footer-right, html body footer .footer-links, html body footer .footer-copy, html body footer .footer-brand { align-items: center !important; justify-content: center !important; text-align: center !important; margin-left: 0 !important; margin-right: 0 !important; }
  html body footer .footer-socials { position: static !important; left: auto !important; top: auto !important; transform: none !important; justify-content: center !important; margin: 0 auto !important; }
  html body footer .footer-links { display: flex !important; flex-wrap: wrap !important; gap: 8px 20px !important; width: 100% !important; align-self: center !important; justify-content: center !important; margin: 0 auto !important; }
  html body footer .footer-copy { width: 100% !important; align-self: center !important; }
  html body footer .footer-right { display: flex !important; flex-direction: column !important; width: 100% !important; }
}
/* In-between widths (8 Nov 2026): the social icons take a line of their own, so they never run over the Privacy / Terms / Accessibility links */
@media (min-width: 721px) and (max-width: 1179px) {
  html body footer { flex-wrap: wrap !important; row-gap: 18px !important; }
  html body footer .footer-socials { position: static !important; left: auto !important; top: auto !important; transform: none !important; order: 3; flex: 0 0 100%; width: 100%; justify-content: center !important; }
}