/* Shared footer logo sizing/centering across panel + frontend pages. */

.site-footer__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.site-footer__logo-frame {
  width: 118px;
  height: 118px;
  margin: 0 auto 0.95rem;
  padding: 0.52rem;
  border-radius: 28px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 24% 22%, rgba(255, 255, 255, 0.42), transparent 54%),
    linear-gradient(150deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.08));
  border: 1px solid rgba(255, 255, 255, 0.62);
  box-shadow:
    0 16px 28px rgba(7, 27, 51, 0.28),
    inset 0 1px 2px rgba(255, 255, 255, 0.55);
}

.site-footer__logo {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  border-radius: 20px;
  padding: 0.36rem;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.75);
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.66),
    0 8px 16px rgba(9, 28, 52, 0.2);
}

.site-footer__meta a {
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.site-footer__meta a:hover {
  opacity: 0.9;
}

.site-footer__meta a.is-copied {
  font-weight: 700;
  opacity: 1;
}

@media (max-width: 640px) {
  .site-footer__logo-frame {
    width: 102px;
    height: 102px;
    border-radius: 24px;
  }
}