.elementor-10 .elementor-element.elementor-element-2369e97{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-2fa26fb *//* Elementor Scope Isolation Reset */
.elementor-widget-html .elementor-widget-container {
  width: 100% !important;
}

:root {
  --jp-nav-height: 80px;
}

/* Base Navigation Container & Glassmorphism Header */
.jp-navbar-header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--jp-nav-height) !important;
  z-index: 99995 !important;
  background: #000000 !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  transition: top 0.2s ease, background 0.3s ease;
}

/* WordPress Admin Bar Compatibility Fix */
.admin-bar .jp-navbar-header {
  top: 32px !important;
}

/* Scope Component Normalization */
.jp-navbar-header,
.jp-navbar-header *,
.jp-mobile-overlay,
.jp-mobile-overlay * {
  box-sizing: border-box !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.jp-nav-container {
  max-width: 1240px;
  height: 100%;
  margin: 0 auto;
  padding: 0 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Logo Alignment */
.jp-nav-logo-anchor {
  display: flex;
  align-items: center;
  text-decoration: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.jp-nav-logo-img {
  max-height: 44px;
  width: auto;
  object-fit: contain;
  display: block !important;
}

/* Desktop Menu Layout */
.jp-desktop-menu {
  display: flex;
  align-items: center;
  gap: 28px;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.jp-menu-link {
  color: #ffffff !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  padding: 8px 4px !important;
  display: inline-block !important;
  text-decoration: none !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
  will-change: transform, color;
}

.jp-menu-link.active {
  color: #00a852 !important;
  font-weight: 700 !important;
}

.jp-menu-link:hover {
  color: #00ff7f !important;
  transform: translateY(-2px) !important;
}

/* ==========================================================================
   BREATHING GLOW PULSE CTA BUTTON
   ========================================================================== */
.jp-nav-btn-connect {
  display: inline-block !important;
  background-color: #transparent !important;
  color: #ffffff !important;
  border: 1px solid #00a852 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 10px 22px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  line-height: normal !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  animation: jpNavBreathingPulse 2.5s infinite ease-in-out !important;
}

.jp-nav-btn-connect:hover {
  background-color: #008f45 !important;
  border-color: #008f45 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 25px rgba(0, 168, 82, 0.55) !important;
  animation-play-state: paused !important;
}

@keyframes jpNavBreathingPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 168, 82, 0.4);
    border-color: rgba(0, 168, 82, 0.6);
  }
  50% {
    box-shadow: 0 0 18px 6px rgba(0, 168, 82, 0.45);
    border-color: #00a852;
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 168, 82, 0);
    border-color: rgba(0, 168, 82, 0.6);
  }
}

/* Mobile Navigation Toggle Button */
.jp-mobile-trigger {
  display: none;
  background: transparent !important;
  border: none !important;
  cursor: pointer;
  width: 30px;
  height: 24px;
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 100001 !important;
}

.jp-bar {
  display: block;
  width: 100%;
  height: 2.5px;
  background-color: #111827 !important;
  border-radius: 2px;
  position: absolute;
  left: 0;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.burger-top { top: 2px; }
.burger-mid { top: 10px; }
.burger-bot { bottom: 2px; }

.jp-mobile-trigger.is-open .burger-top {
  transform: translateY(8px) rotate(45deg);
  background-color: #00a852 !important;
}

.jp-mobile-trigger.is-open .burger-mid {
  opacity: 0;
}

.jp-mobile-trigger.is-open .burger-bot {
  transform: translateY(-8px) rotate(-45deg);
  background-color: #00a852 !important;
}

/* Mobile Menu Fullscreen Overlay */
.jp-mobile-overlay {
  position: fixed !important;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  background: #ffffff !important;
  z-index: 99990 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.admin-bar .jp-mobile-overlay {
  top: 32px;
  height: calc(100vh - 32px);
}

.jp-mobile-overlay.is-open {
  right: 0;
}

.jp-mobile-menu-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  width: 100%;
  padding: 40px 24px;
}

.jp-mobile-menu-links a {
  color: #111827 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.jp-mobile-menu-links a:hover {
  color: #00a852 !important;
}

.jp-mobile-connect-btn {
  width: 100%;
  max-width: 260px;
  text-align: center;
  background-color: #00a852 !important;
  border: 2px solid #00a852 !important;
  color: #ffffff !important;
  padding: 14px 0 !important;
  border-radius: 10px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-top: 12px !important;
  animation: jpNavBreathingPulse 2.5s infinite ease-in-out !important;
}

/* Viewport Adjustments */
@media (max-width: 950px) {
  :root {
    --jp-nav-height: 70px;
  }
  .jp-desktop-menu {
    display: none !important;
  }
  .jp-mobile-trigger {
    display: block !important;
  }
}

/* Mobile WP Admin Bar Offset Handling */
@media (max-width: 782px) {
  .admin-bar .jp-navbar-header {
    top: 46px !important;
  }
  .admin-bar .jp-mobile-overlay {
    top: 46px;
    height: calc(100vh - 46px);
  }
}/* End custom CSS */