/**
* Theme Name: Wavo Child
* Description: This is a child theme of Wavo, generated by Merlin WP.
* Author: <a href="http://ninetheme.com/about">Ninetheme</a>
* Template: wavo
* Version: 2.3.8
*/

/* =========================================
   NOVARHYTHM - PULSE BACKGROUND (Hero Section)
   Put this in: /wp-content/themes/wavo-child/style.css
   ========================================= */

/* The Elementor SECTION must have this class:
   hero-pulse
*/

.hero-pulse{
  position: relative !important;
  overflow: hidden !important;
  min-height: 520px; /* adjust height */
}

/* Make sure the section content stays above */
.hero-pulse .elementor-container,
.hero-pulse .elementor-widget-wrap,
.hero-pulse .elementor-column-wrap{
  position: relative !important;
  z-index: 5 !important;
}

/* The background pulse layer */
.hero-pulse .pulse-bg{
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: 0.55 !important; /* adjust brightness */
}

/* SVG fills the whole section */
.hero-pulse .pulse-svg{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Force the pulse to be a white glowing stroke */
.hero-pulse .ecg-core{
  fill: none !important;
  stroke: #ffffff !important;
  stroke-width: 7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;

  filter:
    drop-shadow(0 0 8px rgba(255,255,255,0.7))
    drop-shadow(0 0 22px rgba(120,200,255,0.35)) !important;
}

/* Move animation */
.hero-pulse .pulse-move{
  animation: pulseMove 2.5s linear infinite !important;
  will-change: transform;
}

@keyframes pulseMove{
  from { transform: translateX(-1200px); }
  to   { transform: translateX(1200px); }
}

.hero-pulse .pulse-bg svg,
.hero-pulse .pulse-bg svg *{
  fill: none !important;
}

/* ===== NovaRhythm Pulse Background (Elementor Section) ===== */

/* Add this class to the BLUE SECTION (Elementor Section > Advanced > CSS Classes) */
.hero-pulse{
  position: relative;
  overflow: hidden; /* hides the extra moving parts */
}

/* Put the pulse behind everything */
.hero-pulse .pulse-bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

/* Make sure section content stays above the pulse */
.hero-pulse .elementor-container,
.hero-pulse .e-con-inner,
.hero-pulse .elementor-widget-wrap{
  position: relative;
  z-index: 2;
}

/* SVG sizing */
.hero-pulse .pulse-svg{
  width: 200%;
  height: 100%;
  display: block;
}

/* White + glow (this fixes the “black shapes”) */
.hero-pulse .ecg-core{
  fill: none !important;
  stroke: rgba(255,255,255,.65);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 10px rgba(255,255,255,.55));
  opacity: .9;
}

/* Movement */
.hero-pulse .pulse-move{
  animation: pulseMove 10s linear infinite;
  transform-origin: center;
}

@keyframes pulseMove{
  from{ transform: translateX(-2400px); }
  to{   transform: translateX(0px); }
}