/* Institutional affiliation logos authored and stored in the Gutenberg footer. */
.footer__editor .footer-editor-affiliation-logos {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: .9rem 1.25rem;
  margin: 1rem 0 1.25rem !important;
}

.footer__editor .footer-editor-affiliation-logos > .wp-block-column {
  flex: 0 1 auto !important;
  min-width: 0;
  margin: 0 !important;
}

.footer__editor .footer-editor-affiliation-logo {
  margin: 0 !important;
}

.footer__editor .footer-editor-affiliation-logo a {
  display: inline-flex;
  align-items: center;
}

.footer__editor .footer-editor-affiliation-logo img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 9.5rem;
  max-height: 2.75rem;
  object-fit: contain;
  object-position: left center;
}

/* Backward-compatible styling for the previous Gutenberg legal row. */
.footer__editor .footer-editor-legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem 1.25rem;
  margin-top: clamp(1.75rem, 3vw, 2.75rem);
  padding-top: 1.25rem;
  border-top: 1px solid var(--color-line, rgba(4,77,118,.12));
}

.footer__editor .footer-editor-legal p,
.footer__editor .footer-editor-bottom p {
  margin: 0;
  font-size: .875rem;
  line-height: 1.45;
}

.footer__editor .footer-editor-legal a,
.footer__editor .footer-editor-bottom a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.footer__editor .footer-editor-legal a:hover,
.footer__editor .footer-editor-legal a:focus-visible,
.footer__editor .footer-editor-bottom a:hover,
.footer__editor .footer-editor-bottom a:focus-visible {
  color: var(--color-blue-dark, #044d76);
}

/* Copyright, legal links and site credit live in one Gutenberg-managed row. */
.footer__editor .footer-editor-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem 1.5rem;
  margin-top: clamp(1.75rem, 3vw, 2.75rem);
  padding-top: 1.25rem;
  border-top: 1px solid var(--color-line, rgba(4,77,118,.12));
}

.footer__editor .footer-editor-bottom__links {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .5rem 1.1rem;
  margin: 0;
}

@media (max-width: 720px) {
  .footer__editor .footer-editor-bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .footer__editor .footer-editor-bottom__links {
    justify-content: flex-start;
  }
}
