/* 
Theme Name: hello-elementor-child
Author: Lea
Author URI: learabatel.fr
Template: Hello Elementor
Version: 1.0.1
*/


/* MAIN */
/*Bouton Ovale + Animation */

/* === TON STYLE DE BASE CONSERVÉ === */

.btn-oval {
  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 100%;
  border: 1px solid #fff;

  line-height: 100%;
  padding: 12px 0px;

  position: relative;
  overflow: hidden;

  color: #fff;

  transition: 
    color 0.4s ease,
    border-color 0.4s ease;
}

/* texte */

.btn-oval a {
  margin-top: -3px;
  color: inherit;
  text-decoration: none;
  transition: color 0.4s ease;
  position: relative;
  z-index: 2;
}

.btn-oval span {
  font-size: 0.9em;
  color: inherit;
  transition: color 0.4s ease;
}


/* === CONTOUR OVALE PARFAIT === */

.btn-oval::after {
  content: "";
  position: absolute;
  inset: 0;

  border-radius: inherit;
  border: 1px solid #FFB169;

  /* caché au départ */
  clip-path: inset(0 100% 0 0 round 999px);

  transition: clip-path 0.45s ease;

  pointer-events: none;
}


/* === HOVER === */

.btn-oval:hover {
  color: #FFB169;
  border-color: transparent;
}

.btn-oval:hover a,
.btn-oval:hover span {
  color: #FFB169;
}

/* dessin progressif ovale */

.btn-oval:hover::after {
  clip-path: inset(0 0 0 0 round 999px);
}



/*PARALLAX EFFECT */
.parallax-premium {
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 1024px) {
  .parallax-premium {
    transform: none !important;
  }
}


/* Désactive tout effet parallax */
.no-parallax {
  transform: none !important;
  will-change: auto !important;
}

/* Empêche héritage de transform */
.no-parallax * {
  transform: none !important;
}

/* Priorité visuelle */
.no-parallax {
  position: relative;
  z-index: 2;
}


/*EFFET FADE IN*/

/* Désactive uniquement les effets fade */

.no-animation .fade-in-element,
.no-animation .fade-in-heading-top {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.no-animation .delay-small,
.no-animation .delay-medium,
.no-animation .delay-large {
  transition-delay: 0s !important;
}



/* Fade-in standard */
.fade-in-element {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition:
    opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Visible */
.fade-in-element.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Spécial H1 H2 H3 — slide depuis le haut */
/* Ultra smooth slide from top */

.fade-in-heading-top {
  opacity: 0;

  /* mouvement plus petit = plus naturel */
  transform: translate3d(0, -24px, 0);

  transition:
    opacity 1.4s cubic-bezier(0.22, 1, 0.36, 1),
    transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.fade-in-heading-top.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
/* Délais progressifs */
.delay-small { transition-delay: 0.08s; }
.delay-medium { transition-delay: 0.16s; }
.delay-large { transition-delay: 0.24s; }

/* Mobile safe */
@media (max-width: 1024px) {

  .fade-in-element,
  .fade-in-heading-top {
    opacity: 1;
    transform: none;
    transition: none;
  }

}

.cky-btn-preferences{
    color: #fff !important;
    background: #FFB169 !important;
    border: 2px solid #FFB169 !important;
}




.cky-btn-reject {
    color: #fff !important;
    background: #FFB169 !important;
    border: 2px solid #FFB169 !important;
}

.cky-btn-accept {
    color: #fff !important;
    background: #FFB169 !important;
    border: 2px solid #FFB169 !important;
}

.cky-btn-accept,
.cky-btn-reject,
.cky-btn-customize {
    background-color: #FFB169 !important;
    border-color: #FFB169 !important;
    color: #fff !important;
}

.cky-consent-container .cky-btn-accept,
.cky-consent-container .cky-btn-reject {
    background: #FFB169 !important;
    border-color: #FFB169 !important;
    color: #fff !important;
}

body .cky-consent-container .cky-notice-btn-wrapper .cky-btn-accept,
body .cky-consent-container .cky-notice-btn-wrapper .cky-btn-reject {
    color: #fff !important;
    background-color: #FFB169 !important;
    border: 2px solid #FFB169 !important;
}


}