/*
 Theme Name:  OceanWP EMTI Child
 Theme URI:   https://emtimusic.com/
 Description: Child-Theme für EMTI•Music. Fügt sanftes Logo-Aufpoppen + dezentes Kippen auf Hover hinzu.
 Author:      EMTI•Music
 Author URI:  https://emtimusic.com/
 Template:    oceanwp
 Version:     1.0.0
 License:     GPLv2 or later
 Text Domain: oceanwp-emti-child
*/

/* EMTI – Logo-Animation v1 (sanft, barrierefreundlich) */
:root{
  --emti-logo-pop-ms: 900ms;
  --emti-logo-tilt: 2deg;
  --emti-logo-hover-up: -2px;
  --emti-logo-scale: 1.02;
}
.custom-logo-link .custom-logo{
  display:inline-block;
  transform-origin:50% 80%;
  transition:transform .35s ease;
  will-change: transform;
}
/* Hover-Effekt */
.custom-logo-link:hover .custom-logo{
  transform: translateY(var(--emti-logo-hover-up))
             rotate(calc(-1 * var(--emti-logo-tilt)))
             scale(var(--emti-logo-scale));
}
/* Einmaliger Pop-in beim Laden */
.emti-logo-pop .custom-logo{
  animation: emtiLogoPop var(--emti-logo-pop-ms) cubic-bezier(.2,.8,.2,1) 1 both;
}
@keyframes emtiLogoPop{
  0%   { transform: scale(.9) translateY(-8px); opacity:0; }
  60%  { transform: scale(1.04) translateY(0);  opacity:1; }
  100% { transform: scale(1)    translateY(0);  opacity:1; }
}
/* Bewegungsreduktion respektieren */
@media (prefers-reduced-motion: reduce){
  .custom-logo-link .custom-logo{ animation:none !important; transition:none !important; }
}