/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
ok nico
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*===========================================================================*/
/*maintenir la barre haute Elementor en développement*/
#elementor-editor-wrapper-v2 {
top:0px!important;
}
/*===========================================================================*/
/*proscrire le clic sur les vidéos*/
#video_palm_left,
#video_palm_right {
pointer-events: none;
}
/*===========================================================================*/
#flexbox_middle {
pointer-events: none;
}
/*===========================================================================*/

.button_neon {
  opacity: 0;
  transform: translateY(80px);
  animation: slideInUpSoft 2.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: 6000ms;
}

@keyframes slideInUpSoft {
  from {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.button_neon a {
  background: transparent !important;
  border: none !important;
  border-radius: 20px !important;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  animation: neonPulse 2s ease-in-out infinite;
}

.button_neon a:hover {
  animation-play-state: paused;
  background: rgba(0, 240, 255, 0.08) !important;
  box-shadow: 
    0 0 0 2px #00f0ff,
    0 0 20px #00f0ff,
    0 0 40px #00f0ff,
    0 0 60px #cc00ff !important;
}

@keyframes neonPulse {
  0%, 100% {
    box-shadow: 0 0 0 2px #00f0ff, 0 0 12px #00f0ff, 0 0 24px #cc00ff;
  }
  50% {
    box-shadow: 0 0 0 2px #ff00cc, 0 0 18px #ff00cc, 0 0 36px #cc00ff;
  }
}
/*===========================================================================*/

/* ============================================================
   TITRES DE SECTION — ENSEIGNE NÉON
   Coeur blanc incandescent + halo colore par modificateur
   Allumage en flicker (IntersectionObserver) puis pulsation
   Animations sur opacity et filter : GPU, zero repaint
   ============================================================ */

.title_neon {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.18em;
}

/* --- Progression chromatique cyan -> magenta, section par section --- */

.title_neon--cyan {
    text-shadow:
        0 0 4px  rgba(255, 255, 255, 0.85),
        0 0 10px #00e0ff,
        0 0 22px #00e0ff,
        0 0 44px #00e0ff,
        0 0 80px #00e0ff;
}

.title_neon--bleu {
    text-shadow:
        0 0 4px  rgba(255, 255, 255, 0.85),
        0 0 10px #4d7cff,
        0 0 22px #4d7cff,
        0 0 44px #4d7cff,
        0 0 80px #4d7cff;
}

.title_neon--violet {
    text-shadow:
        0 0 4px  rgba(255, 255, 255, 0.85),
        0 0 10px #a44dff,
        0 0 22px #a44dff,
        0 0 44px #a44dff,
        0 0 80px #a44dff;
}

.title_neon--magenta {
    text-shadow:
        0 0 4px  rgba(255, 255, 255, 0.85),
        0 0 10px #ff2bd6,
        0 0 22px #ff2bd6,
        0 0 44px #ff2bd6,
        0 0 80px #ff2bd6;
}

/* --- Etat "arme" par le JS : enseigne eteinte, en attente --- */
.title_neon--armed {
    opacity: 0.1;
}

/* --- Allumage : flicker d'ignition puis pulsation de croisiere --- */
.title_neon--on {
    animation:
        titleFlickerIn 1.4s steps(1, end) forwards,
        titleNeonPulse 3.2s ease-in-out 1.4s infinite;
}

@keyframes titleFlickerIn {
    0%   { opacity: 0.1; }
    8%   { opacity: 1; }
    11%  { opacity: 0.1; }
    18%  { opacity: 1; }
    23%  { opacity: 0.3; }
    27%  { opacity: 1; }
    52%  { opacity: 0.35; }
    56%  { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes titleNeonPulse {
    0%, 100% { filter: brightness(1); }
    50%      { filter: brightness(0.82); }
}

/* --- Accessibilite : enseigne allumee en statique, sans animation --- */
@media (prefers-reduced-motion: reduce) {
    .title_neon--armed {
        opacity: 1;
    }
    .title_neon--on {
        animation: none;
    }
}