/* ============================================================
   PROVINZIAL GRÜN – Linkstack Theme · animations.css
   ============================================================ */

/* ---- Entrance animations ---- */
@keyframes psl-fade-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes psl-pop-up {
  0%   { opacity: 0; transform: scale(0.94) translateY(8px); }
  60%  { opacity: 1; transform: scale(1.02) translateY(-1px); }
  100% { opacity: 1; transform: scale(1)    translateY(0); }
}

@keyframes psl-slide-down {
  from { opacity: 0; transform: translateY(-16px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Container fährt sanft ein */
.container {
  animation: psl-slide-down 0.5s cubic-bezier(0.22, 0.68, 0, 1.2) both;
}

/* Profile image: kleines Pop-in */
.column > img:first-child,
img.avatar {
  animation: psl-pop-up 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s both;
}

/* Name und Bio */
h1 {
  animation: psl-fade-in 0.4s ease 0.25s both;
}

p {
  animation: psl-fade-in 0.4s ease 0.32s both;
}

/* Buttons: gestaffelt einblenden */
.button {
  animation: psl-fade-in 0.38s ease both;
}

.button:nth-of-type(1)  { animation-delay: 0.38s; }
.button:nth-of-type(2)  { animation-delay: 0.45s; }
.button:nth-of-type(3)  { animation-delay: 0.52s; }
.button:nth-of-type(4)  { animation-delay: 0.59s; }
.button:nth-of-type(5)  { animation-delay: 0.66s; }
.button:nth-of-type(6)  { animation-delay: 0.73s; }
.button:nth-of-type(7)  { animation-delay: 0.80s; }
.button:nth-of-type(8)  { animation-delay: 0.87s; }
.button:nth-of-type(9)  { animation-delay: 0.94s; }
.button:nth-of-type(10) { animation-delay: 1.01s; }

/* Social Icons */
.social-icon {
  animation: psl-fade-in 0.4s ease 1.05s both;
}

/* ---- Hover: Klassen, die Linkstack auf Elemente anwendet ---- */

/* Buttons: -2px hoch + Schatten (bereits in skeleton-auto.css via transition,
   hier als expliziter Fallback via Klasse) */
.button-hover,
.button-hover:hover,
.button-hover:focus,
.button-hover:active {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Social Icons: kleines Bounce nach oben */
.social-hover:hover,
.social-hover:focus,
.social-hover:active {
  -webkit-transform: translateY(-3px) scale(1.12);
  transform: translateY(-3px) scale(1.12);
  -webkit-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}

/* Credit Footer: sanftes Hochschweben */
.footer-hover:hover,
.footer-hover:focus,
.footer-hover:active {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
}