/*
 Theme Name: Hello Elementor Child
 Theme URI: https://your-agency-site.example/
 Description: Child theme for Hello Elementor. Safe place for custom CSS/JS and tweaks.
 Author: NEWP
 Author URI: https://your-agency-site.example/
 Template: hello-elementor
 Version: 1.0.0
 License: GPL-2.0-or-later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: hello-elementor-child
 Tags: elementor, child-theme, clean
*/

/* Place your custom CSS below */


/* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */
/* === Custom Fade Animations (Elementor) === */

/* Fade Down */
@keyframes fadeDown {
  from {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.elementor-element.fadeInDown {
  animation: fadeDown 0.8s ease-out both;
}

/* Fade Up */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.elementor-element.fadeInUp {
  animation: fadeUp 0.8s ease-out both;
}

/* Fade Left */
@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translate3d(-30px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.elementor-element.fadeInLeft {
  animation: fadeLeft 0.8s ease-out both;
}

/* Fade Right */
@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translate3d(30px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.elementor-element.fadeInRight {
  animation: fadeRight 0.8s ease-out both;
}

/* Désactive uniquement les ANIMATIONS d'entrée dans les zones taguées */
.no-animation,
.no-animation * {
  animation: none !important;
}