/* Slight dark drop shadow for artwork size button text */
.result .links a span {
  text-shadow: 3px 4px 12px rgba(0,0,0,0.55);
}
/* Move artwork size buttons down in album card */
.result .links {
  margin-top: 0.75em !important;
}
/* Rounded corners for artwork images inside album cards */
.result .artwork img {
  border-radius: 0.7em;
  border: 0.7px solid rgba(127,220,255,0.18);
  background-image:
    linear-gradient(135deg, rgba(127,220,255,0.18) 0%, rgba(233,248,255,0.13) 100%);
  background-clip: padding-box, border-box;
  box-shadow: 0 2px 8px 0 rgba(127,220,255,0.04);
}
/* Ensure results appear above the fixed footer */
body {
  padding-bottom: 10em;
}
#results {
  position: relative;
}
.site-logo {
  width: 100%;
  height: 100px;
  background: url('../assets/images/logo.png') center top no-repeat;
  background-size: contain;
  margin: 0;
  padding: 0;
  margin-bottom: 6em;
}
.site-header {
  width: 100%;
  height: 150px;
  background: url('../assets/images/dev.png') center top no-repeat;
  background-size: contain;
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
}

/* Static footer with frosted glass effect */
.site-footer {
  position: static;
  display: block;
  width: max-content;
    margin: 2em auto 0 auto;
    z-index: 100;
    text-align: center;
    font-size: 0.92em;
    color: #c5ccdb;
    text-shadow: 0 1px 2px rgba(0,0,0,0.15);
    background: rgba(255,255,255,0.18);
    border: 1.5px solid rgba(255,255,255,0.28);
    border-radius: 0.7em;
    box-shadow: 0 4px 18px 0 rgba(31,38,135,0.15), 0 0 0 2px rgba(255,255,255,0.18);
    backdrop-filter: blur(28px) saturate(180%) brightness(1.12);
    -webkit-backdrop-filter: blur(28px) saturate(180%) brightness(1.12);
    padding: 0.7em 1.2em;
    /* Frosted glass gradient overlay */
    background-image:
      radial-gradient(circle at 30% 20%, rgba(255,255,255,0.22), transparent 60%),
      linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.03));
  padding: 0.45em 0.8em;
  font-family: inherit;
}