/* Footer link groups (23 Oct. 2026): on phones each column folds behind a 44 px summary (the footer was 1 066 px, 1.26
   screens, on every page); the legal links, the province selector and the operator line stay visible. Wider screens
   are unchanged: the summary reads as the column heading. Behaviour: responsive_disclosure controller. */

details.footer-nav__group { display: block; }
.footer-nav__group--foldable > summary { display: block; list-style: none; cursor: default; }
.footer-nav__group--foldable > summary::-webkit-details-marker { display: none; }
.footer-nav__group--foldable > summary strong { display: block; }
.footer-nav__links { display: flex; flex-direction: column; gap: var(--space-2); }
.fintech-site .footer-nav__links { gap: 0; }

@media (max-width: 47.99rem) {
  .fintech-site .site-footer .footer-nav--grouped { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .footer-nav__group--foldable { border-bottom: 1px solid #dce4ef; }
  .footer-nav__group--foldable > summary {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    cursor: pointer;
  }
  .fintech-site .footer-nav__group--foldable > summary strong { margin: 0; }
  .footer-nav__group--foldable > summary::after {
    content: "";
    flex: none;
    width: 0.45rem;
    height: 0.45rem;
    margin-right: 0.25rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
  }
  .footer-nav__group--foldable[open] > summary::after { transform: rotate(-135deg) translateY(-2px); }
  .footer-nav__group--foldable[open] > .footer-nav__links { padding-bottom: 0.5rem; }

  /* The legal links: always visible, on one wrapping line. */
  .fintech-site .footer-nav__group[data-footer-group="legal"] { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0 1rem; padding-top: 0.75rem; }
  .fintech-site .footer-nav__group[data-footer-group="legal"] strong { flex-basis: 100%; margin-bottom: 0; }
}