/* logo_bar block. Partner / funding logo bar.
   Ported from design-export/base.css; no literal colour, every value a token.
   The block emits `.logos-{number_per_row}`; only -4 was defined, so any other
   count (the seed uses 5) fell back to a single stacked column. */

/* SCOPED to the footer strip, which is the only place this was ever meant to
   apply. `.logo-bar` is used twice: as this pagebuilder block, and as the
   front-page partner strip inside .site-footer (parts/repeats/footer.php).
   The bare selector hit both.

   On the BLOCK it was dead weight — the section also carries `.pad`, and
   bridge.css's `.content-area.pad` beat it on specificity. Deleting that
   compound rule would have handed the block 2rem instead of its chosen padding,
   so the selector is narrowed rather than the compound rule kept. The block now
   takes its spacing from `.pad` like every other block.

   In the FOOTER nothing changes: css/footer.css sets `.logo-bar { padding-block:
   2.6rem }` at (0,1,0) and this is (0,2,0), so 2rem still wins there exactly as
   it did before. */
.site-footer .logo-bar { padding-block: 2rem; }
.logo-bar__header { text-align: center; margin-bottom: 1.6rem; }
.logo-bar__title { margin: 0; }

.content-area.logo-bar .logos { display: grid; gap: 1.4rem; align-items: center; list-style: none; margin: 0; padding: 0; }
.content-area.logo-bar .logos-2 { grid-template-columns: repeat(2, 1fr); }
.content-area.logo-bar .logos-3 { grid-template-columns: repeat(3, 1fr); }
.content-area.logo-bar .logos-4 { grid-template-columns: repeat(4, 1fr); }
.content-area.logo-bar .logos-5 { grid-template-columns: repeat(5, 1fr); }
.content-area.logo-bar .logos-6 { grid-template-columns: repeat(6, 1fr); }
/* The field offers 3 to 8 per row. 7 and 8 were never mapped, so they fell back
   to the base .logos grid, which sets no columns, and stacked. */
.content-area.logo-bar .logos-7 { grid-template-columns: repeat(7, 1fr); }
.content-area.logo-bar .logos-8 { grid-template-columns: repeat(8, 1fr); }
.content-area.logo-bar .logos li { height: 56px; min-width: 120px; border: 1px solid var(--line); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; background: var(--white); font-family: var(--font-mono); color: var(--ph-ink); text-align: center; }
.content-area.logo-bar .logos li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.content-area.logo-bar .logos li img { display: block; width: auto; max-height: 100%; }

@media (max-width: 64em) {
  .content-area.logo-bar .logos-5, .content-area.logo-bar .logos-6,
  .content-area.logo-bar .logos-7, .content-area.logo-bar .logos-8 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 40em) {
  .content-area.logo-bar .logos-3, .content-area.logo-bar .logos-4, .content-area.logo-bar .logos-5, .content-area.logo-bar .logos-6,
  .content-area.logo-bar .logos-7, .content-area.logo-bar .logos-8 { grid-template-columns: repeat(2, 1fr); }
}

/* Credentials-bar mode: an optional lead credential (badge + text) beside a
   labelled row of awarding-body logos, in one contained band. Reproduces the HE
   TEF / "Degrees awarded by" strip without a bespoke template. */
.logo-bar__credentials { display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; }
.logo-bar__credential {
  display: flex; align-items: center; gap: 1.1rem; flex: 0 0 auto;
  padding-right: 2rem; border-right: 1px solid var(--line);
}
.logo-bar__credential-badge img { height: 52px; width: auto; display: block; }
.logo-bar__credential-text { display: flex; flex-direction: column; }
.logo-bar__credential-heading {
  font-family: var(--font-display); font-weight: 700; font-size: 1.1rem;
  line-height: 1.2; color: var(--text-heading);
}
.logo-bar__credential-sub { font-size: 1.1rem; line-height: 1.4; color: var(--muted); }

.logo-bar__awards { display: flex; align-items: center; gap: 1.25rem; flex: 1 1 auto; flex-wrap: wrap; }
.logo-bar__awards-label { font-weight: 700; font-size: 1.1rem; color: var(--muted); white-space: nowrap; }
.logo-bar__awards-logos { display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.logo-bar__awards-logos li { display: flex; align-items: center; }
.logo-bar__awards-logos img { height: 36px; width: auto; display: block; }
.logo-bar__awards-logos a { display: block; opacity: .7; transition: opacity var(--transition); }
.logo-bar__awards-logos a:hover { opacity: 1; }

@media (max-width: 48em) {
  .logo-bar__credentials { gap: 1.25rem; }
  .logo-bar__credential {
    width: 100%; padding-right: 0; border-right: 0;
    padding-bottom: 1rem; border-bottom: 1px solid var(--line);
  }
}