/* Nav & Footer Appearance (docs/NAV_FOOTER_APPEARANCE_PLAN.md) - the
 * "single_row" FooterLayout's own markup shape. No dedicated
 * footer_navigation.css existed before this feature - the "columns"
 * (default) and "minimal" layouts render fine with plain Bootstrap
 * utility classes alone, and continue to.
 */

.site-footer-single-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem 1.5rem;
  padding-bottom: 1rem;
}

.site-footer-single-row-brand {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

.site-footer-single-row-links {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem 1.25rem;
  margin: 0;
}

.site-footer-single-row-links li {
  list-style: none;
}

@media (max-width: 575.98px) {
  .site-footer-single-row {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}