.app-footer {
  width: 100%;
  margin-top: auto;
  padding: 16px;
  color: var(--front-muted-text-color, var(--color-muted, #475569));
  font-size: 13px;
  line-height: 1.45;
  text-align: center;
}

.front-footer.app-footer {
  min-height: 78px;
}

.app-footer-main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
}

.app-footer a {
  color: var(--color-primary, #2563eb);
  font-weight: inherit;
  text-decoration: none;
}

.app-footer a:hover {
  text-decoration: underline;
}

.app-footer nav {
  margin-top: 8px;
}

.app-footer .front-legal-links {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.app-footer .front-legal-links a {
  color: inherit;
  font-weight: inherit;
}

.app-footer,
body.theme-dark .app-footer,
body.theme-gray .app-footer {
  color: var(--front-muted-text-color, var(--color-muted, #475569)) !important;
}