/* ============================================================
   Panere — sticky nav override
   Makes the header stick to the top on scroll and turns the
   background brand-green (#3A5A40) once the page is scrolled.
   Self-contained: does not depend on Elementor's runtime JS.
   ============================================================ */

/* The header section that Elementor marks as the sticky bar. */
.elementor-45 .elementor-element.elementor-element-0e7cd0c {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  /* keep Elementor's own padding; just animate the background */
  transition: background-color 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
}

/* Hide the duplicate spacer clone Elementor froze into the static DOM. */
.elementor-45 .elementor-element.elementor-element-0e7cd0c.elementor-sticky__spacer {
  display: none;
}

/* Green background + shadow once the user has scrolled (class toggled by JS). */
.elementor-45 .elementor-element.elementor-element-0e7cd0c.nav-stuck {
  background-color: #3A5A40 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
  padding-top: 12px;
  padding-bottom: 12px;
}

/* Make sure the background-overlay layer never re-tints over the green. */
.elementor-45 .elementor-element.elementor-element-0e7cd0c.nav-stuck > .elementor-background-overlay {
  background-color: transparent !important;
  opacity: 0;
}