/*
Theme Name: Astra Child 
Description: Tema Astra otimizado para checkout WordPress
Template: astra
Version: 5.0
*/

@import url("../astra/style.css");



/* GLITCH sempre ativo para H1 404 - usando ID específico */
#glitch h1.elementor-heading-title {
  position: relative !important;
  display: inline-block !important;
  animation: glitch-shake-base 2s infinite !important;
}

#glitch h1.elementor-heading-title::before,
#glitch h1.elementor-heading-title::after {
  content: '404' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  font: inherit !important;
  pointer-events: none !important;
  will-change: transform, opacity !important;
}

#glitch h1.elementor-heading-title::before {
  color: #3b82f6 !important;
  animation: glitch-blue-always 1.5s infinite !important;
  z-index: -1 !important;
}

#glitch h1.elementor-heading-title::after {
  color: #ef4444 !important;
  animation: glitch-red-always 1.8s infinite !important;
  z-index: -2 !important;
}

@keyframes glitch-shake-base {
  0%, 90%, 100% { transform: translate(0) rotate(0deg); }
  92% { transform: translate(-1px, 1px) rotate(-0.1deg); }
  94% { transform: translate(1px, -1px) rotate(0.1deg); }
  96% { transform: translate(-1px, -1px) rotate(-0.1deg); }
  98% { transform: translate(1px, 1px) rotate(0.1deg); }
}

@keyframes glitch-blue-always {
  0%, 70%, 100% { 
    opacity: 0; 
    transform: translate(0); 
  }
  75% { 
    opacity: 0.8; 
    transform: translate(-3px, 1px); 
  }
  80% { 
    opacity: 0.9; 
    transform: translate(3px, -1px); 
  }
  85% { 
    opacity: 0.7; 
    transform: translate(-2px, 1px); 
  }
  90% { 
    opacity: 0; 
    transform: translate(0); 
  }
}

@keyframes glitch-red-always {
  0%, 40%, 100% { 
    opacity: 0; 
    transform: translate(0); 
  }
  45% { 
    opacity: 0.8; 
    transform: translate(3px, -1px); 
  }
  50% { 
    opacity: 0.9; 
    transform: translate(-3px, 1px); 
  }
  55% { 
    opacity: 0.7; 
    transform: translate(2px, -1px); 
  }
  60% { 
    opacity: 0; 
    transform: translate(0); 
  }
}

/* Intensificar no hover */
#glitch h1.elementor-heading-title:hover {
  animation: glitch-shake-base 0.5s infinite !important;
}

#glitch h1.elementor-heading-title:hover::before {
  animation: glitch-blue-always 0.3s infinite !important;
}

#glitch h1.elementor-heading-title:hover::after {
  animation: glitch-red-always 0.4s infinite !important;
}