/* ==========================================================================
   selfHosted Theme — Animations
   ========================================================================== */

/* Entrance animations
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button-entrance {
  animation-name: slideUp;
  animation-duration: 0.6s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation-delay: calc(var(--delay) / 10);
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadein {
  animation-name: fadein;
  animation-duration: 1.5s;
  animation-fill-mode: both;
}

@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* No bounce/scale on hover — just keep things still */
.button-hover,
.credit-hover,
.social-hover {
  display: inline-block;
}

.icon-hover {
  display: inline-block;
}

.icon-hover .hvr-icon {
  transform: translateZ(0);
}

.footer-hover {
  display: inline-block;
}