/* Shared site footer used across every page on the site, styled after
   anime-gacha's original .site-footer. Paired with footer.js, which
   upgrades <rk-footer> into this markup. */

rk-footer,
.site-footer {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 28px 0 0;
  padding: 18px 20px;
  text-align: center;
  color: #cad4e0;
  border-top: 1px solid #2a3340;
  background:
    radial-gradient(620px circle at 15% -18%, rgba(56,139,253,0.12), transparent 56%),
    radial-gradient(520px circle at 85% -12%, rgba(0,255,204,0.09), transparent 52%),
    linear-gradient(to bottom, rgba(17,17,17,0.86), rgba(12,12,12,0.9)),
    radial-gradient(rgba(125,140,158,0.2) 1px, transparent 1px);
  background-size: auto, auto, 100% 100%, 20px 20px;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  font-size: 0.92rem;
  line-height: 1.65;
}

rk-footer p,
.site-footer p { margin: 0; }

rk-footer a,
.site-footer a {
  color: #78d9ff;
  text-decoration: none;
  font-weight: 700;
}

rk-footer a:hover,
.site-footer a:hover {
  text-decoration: underline;
}