@use "@sass-palette/hope-config";
.vp-footer-wrapper {
  position: relative;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;

  padding-block: 0.75rem;
  padding-inline: calc(var(--sidebar-space) + 2rem) 2rem;
  border-top: 1px solid var(--vp-c-border);

  background: var(--vp-c-bg);
  color: var(--vp-c-text-mute);

  text-align: center;

  transition:
    border-top-color var(--vp-t-color),
    background var(--vp-t-color),
    padding var(--vp-t-transform);

  @media (max-width: hope-config.$tablet) {
    padding-inline-start: 2rem;
  }

  @media (min-width: hope-config.$pc) {
    z-index: 50;
    padding-inline-start: 2rem;
  }

  @media print {
    margin: 0 !important;
    padding: 0 !important;
  }

  @media (max-width: hope-config.$mobile) {
    display: block;
  }

  .no-sidebar &,
  .sidebar-collapsed & {
    padding-inline-start: 2rem;
  }
}

.vp-footer {
  margin: 0.5rem 1rem;
  font-size: 14px;

  @media print {
    display: none;
  }
}

.vp-copyright {
  margin: 6px 0;
  font-size: 13px;
}

.vp-page:not(.not-found) + .vp-footer-wrapper {
  margin-top: -2rem;
}