/* =========================================================
   WILDVERSE AUTH MINI FOOTER
   Shared across account/auth mini pages
========================================================= */

.wv-auth-mini-footer {
  position: relative;
  z-index: 2;

  display: grid;
  justify-items: center;
  gap: 0.55rem;

  width: 100%;
  padding: 1.15rem clamp(1rem, 4vw, 3rem) 1.35rem;

  border-top: 1px solid rgba(126, 243, 255, 0.12);

  color: rgba(224, 244, 249, 0.52);

  background:
    linear-gradient(
      180deg,
      rgba(3, 13, 18, 0.64),
      rgba(2, 8, 12, 0.9)
    );

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.wv-auth-mini-footer__primary,
.wv-auth-mini-footer__socials {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;

  gap: 0.25rem 0.55rem;

  max-width: 1100px;

  text-align: center;
}

.wv-auth-mini-footer__primary a,
.wv-auth-mini-footer__socials a {
  color: rgba(225, 248, 252, 0.67);

  font-size: 0.7rem;
  font-weight: 650;
  line-height: 1.5;

  text-decoration: none;

  transition:
    color 0.18s ease,
    text-shadow 0.18s ease;
}

.wv-auth-mini-footer__primary a {
  color: rgba(231, 252, 255, 0.82);
  font-weight: 800;
}

.wv-auth-mini-footer__primary a:hover,
.wv-auth-mini-footer__socials a:hover {
  color: var(--wv-auth-cyan-soft);

  text-shadow:
    0 0 12px rgba(126, 243, 255, 0.25);
}

.wv-auth-mini-footer__primary a:focus-visible,
.wv-auth-mini-footer__socials a:focus-visible {
  border-radius: 4px;
  outline: 2px solid var(--wv-auth-focus);
  outline-offset: 3px;
}

.wv-auth-mini-footer__separator {
  color: rgba(126, 243, 255, 0.3);
  font-weight: 900;
}

.wv-auth-mini-footer__copyright {
  margin: 0;

  color: rgba(224, 244, 249, 0.42);

  font-size: 0.67rem;
  font-weight: 550;
  line-height: 1.6;

  text-align: center;
}

@media (max-width: 560px) {
  .wv-auth-mini-footer {
    gap: 0.65rem;
    padding: 1rem 0.75rem 1.2rem;
  }

  .wv-auth-mini-footer__socials {
/*     max-height: 4.7rem; */
    overflow-y: auto;
    padding: 0.15rem 0.35rem;
  }

  .wv-auth-mini-footer__primary a,
  .wv-auth-mini-footer__socials a {
    font-size: 0.65rem;
  }

  .wv-auth-mini-footer__copyright {
    font-size: 0.61rem;
  }
}