/* ==========================================================================
   FOOTER
   ========================================================================== */

.ssc-footer {
  margin-block-start: var(--ss-space-3xl);
  background: var(--ssp-ink);
  color: var(--ssp-surface);
  padding-block: var(--ss-space-2xl) var(--ss-space-l);
}

.ssc-footer a { color: inherit; text-decoration: none; }
.ssc-footer a:hover { text-decoration: underline; }

.ssc-footer__cols {
  display: grid;
  gap: var(--ss-space-l);
  grid-template-columns: 1fr;
}

@media (min-width: 40rem) { .ssc-footer__cols { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 62rem) { .ssc-footer__cols { grid-template-columns: repeat(4, 1fr); } }

.ssc-footer__heading {
  font-size: var(--ss-step-0);
  letter-spacing: var(--ss-tracking-label);
  text-transform: uppercase;
  margin-block-end: var(--ss-space-xs);
}

.ssc-footer__legal {
  margin-block-start: var(--ss-space-xl);
  padding-block-start: var(--ss-space-m);
  border-block-start: 1px solid color-mix(in srgb, var(--ssp-surface) 25%, transparent);
  font-size: var(--ss-step--1);
}


/* ==========================================================================
   ACCREDITATION STRIP
   Sits above the footer on every page. Set in a quiet row rather than as
   a badge wall: five marks shouting at once reads as insecurity, and the
   people who care about ISO 9001 are looking for it rather than being
   sold it.
   ========================================================================== */

.ssc-trust {
  padding-block: var(--ss-space-l);
  border-block-start: 1px solid var(--ssp-line);
}

.ssc-trust__head {
  margin-block-end: var(--ss-space-s);
  text-align: center;
}

.ssc-trust__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--ss-space-m) var(--ss-space-xl);
  padding: 0;
  list-style: none;
}

.ssc-trust__logo {
  max-height: 2.75rem;
  width: auto;
  /* Marks are supplied in many colourways; desaturating them at rest keeps
     the row calm and stops one brand's red competing with the accent. */
  filter: grayscale(1);
  opacity: .72;
  transition: filter var(--ss-duration) var(--ss-ease),
              opacity var(--ss-duration) var(--ss-ease);
}

.ssc-trust__item:hover .ssc-trust__logo { filter: none; opacity: 1; }

.ssc-trust__name {
  font-family: var(--ssp-font-body);
  font-weight: 700;
  font-size: var(--ss-step--1);
  letter-spacing: var(--ss-tracking-label);
  text-transform: uppercase;
  color: var(--ssp-ink-muted);
}

.ssc-trust__link { color: inherit; text-decoration: none; }
.ssc-trust__item:hover .ssc-trust__name { color: var(--ssp-ink); }