/* EDINNA — animații seniorsecurity / cronoslease (WP-safe: vizibil fără JS) */

@keyframes edHomeFade {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

.ed-hero-inner > .ed-hero-badge,
.ed-hero-inner > .ed-label {
  animation: edHomeFade 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0s both;
}
.ed-hero-inner > h1 {
  animation: edHomeFade 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.1s both;
}
.ed-hero-inner > p {
  animation: edHomeFade 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s both;
}
.ed-hero-inner > .ed-hero-btns,
.ed-hero-inner > .ed-hero-actions {
  animation: edHomeFade 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.3s both;
}

.ed-page-hero h1,
.ed-members-hero h1 {
  animation: edHomeFade 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.1s both;
}
.ed-page-hero p,
.ed-members-hero p {
  animation: edHomeFade 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s both;
}

/* Fără JS: totul vizibil. Cu JS: html.ed-anim-on activează fade-ul */
.ed-fade,
.ed-fade-left,
.ed-fade-right,
.ed-fade-scale {
  opacity: 1;
  transform: none;
}

html.ed-anim-on .ed-fade:not(.ed-animated),
html.ed-anim-on .ed-fade-scale:not(.ed-animated) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: opacity, transform;
}

html.ed-anim-on .ed-fade-left:not(.ed-animated) {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

html.ed-anim-on .ed-fade-right:not(.ed-animated) {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

html.ed-anim-on .ed-fade-scale:not(.ed-animated) {
  transform: translateY(30px) scale(0.96);
}

.ed-fade.ed-animated,
.ed-fade-scale.ed-animated {
  opacity: 1;
  transform: translateY(0);
}
.ed-fade-left.ed-animated,
.ed-fade-right.ed-animated {
  opacity: 1;
  transform: translateX(0);
}
.ed-fade-scale.ed-animated {
  transform: translateY(0) scale(1);
}

.ed-stagger > .ed-fade:nth-child(2),
.ed-stagger > .ed-fade-left:nth-child(2),
.ed-stagger > .ed-fade-right:nth-child(2),
.ed-stagger > .ed-fade-scale:nth-child(2) { transition-delay: 0.07s; }
.ed-stagger > .ed-fade:nth-child(3),
.ed-stagger > .ed-fade-left:nth-child(3),
.ed-stagger > .ed-fade-right:nth-child(3),
.ed-stagger > .ed-fade-scale:nth-child(3) { transition-delay: 0.14s; }
.ed-stagger > .ed-fade:nth-child(4),
.ed-stagger > .ed-fade-left:nth-child(4),
.ed-stagger > .ed-fade-right:nth-child(4),
.ed-stagger > .ed-fade-scale:nth-child(4) { transition-delay: 0.21s; }
.ed-stagger > .ed-fade:nth-child(5),
.ed-stagger > .ed-fade-left:nth-child(5),
.ed-stagger > .ed-fade-right:nth-child(5),
.ed-stagger > .ed-fade-scale:nth-child(5) { transition-delay: 0.28s; }
.ed-stagger > .ed-fade:nth-child(6),
.ed-stagger > .ed-fade-left:nth-child(6),
.ed-stagger > .ed-fade-right:nth-child(6),
.ed-stagger > .ed-fade-scale:nth-child(6) { transition-delay: 0.35s; }
.ed-stagger > .ed-fade:nth-child(7),
.ed-stagger > .ed-fade-left:nth-child(7),
.ed-stagger > .ed-fade-right:nth-child(7),
.ed-stagger > .ed-fade-scale:nth-child(7) { transition-delay: 0.42s; }
.ed-stagger > .ed-fade:nth-child(8),
.ed-stagger > .ed-fade-left:nth-child(8),
.ed-stagger > .ed-fade-right:nth-child(8),
.ed-stagger > .ed-fade-scale:nth-child(8) { transition-delay: 0.49s; }
.ed-stagger > .ed-fade:nth-child(n+9),
.ed-stagger > .ed-fade-left:nth-child(n+9),
.ed-stagger > .ed-fade-right:nth-child(n+9),
.ed-stagger > .ed-fade-scale:nth-child(n+9) { transition-delay: 0.56s; }

@media (prefers-reduced-motion: reduce) {
  .ed-hero-inner > *,
  .ed-page-hero h1,
  .ed-page-hero p,
  .ed-members-hero h1,
  .ed-members-hero p {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  html.ed-anim-on .ed-fade,
  html.ed-anim-on .ed-fade-left,
  html.ed-anim-on .ed-fade-right,
  html.ed-anim-on .ed-fade-scale {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}