/* ==========================================================================
   ProFocus — Header restyle to match the reference code.html <nav>
   Scoped to the Header Footer Elementor template (.elementor-151) so it never
   leaks into page content. Turns the solid JeKit nav bar into the reference's
   glass / blurred, teal-accented navigation.
   Reference nav:
     - fixed, full width, glass bg rgba(255,255,255,.03) + backdrop-blur
     - bottom hairline border rgba(255,255,255,.10)
     - logo rendered white (brightness-0 invert)
     - menu links: muted -> teal on hover, active link has teal underline
     - social icons -> teal on hover
   ========================================================================== */

/* -------- Glass bar background -------- */
/* The main sticky header bar (element 2e2f91e) — swap the solid brand bg
   for the reference glass panel + blur + bottom hairline. */
.elementor-151 .elementor-element.elementor-element-2e2f91e:not(.elementor-motion-effects-element-type-background),
.elementor-151 .elementor-element.elementor-element-2e2f91e > .elementor-motion-effects-container > .elementor-motion-effects-layer{
  background-color:rgba(11,14,18,.55) !important;
}
.elementor-151 .elementor-element.elementor-element-2e2f91e{
  border-bottom:1px solid rgba(255,255,255,.10);
}
/* Reference uses a stronger blur than the default 10.6px */
.elementor-151 .elementor-element.elementor-element-2e2f91e.elementor-element.e-flex::before{
  -webkit-backdrop-filter:blur(18px) !important;
  backdrop-filter:blur(18px) !important;
}

/* -------- White logo -------- */
/* Logo widget 0815d82 currently sits on a white box; make the box transparent
   and render the logo white like the reference (brightness-0 invert). */
.elementor-151 .elementor-element.elementor-element-0815d82 > .elementor-widget-container{
  background-color:transparent !important;
  padding:0 !important;
}
.elementor-151 .elementor-element.elementor-element-0815d82 img{
  filter:brightness(0) invert(1);
}

/* -------- Menu links -------- */
/* Nav menu widget c3748c4. Reference: Inter/Sora-ish, ~13-14px, uppercase,
   letter-spaced, muted grey that turns teal on hover, transparent bg. */
.elementor-151 .elementor-element.elementor-element-c3748c4 .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li > a{
  background-color:transparent !important;
  font-family:"Sora","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  color:#c4c7c7 !important;
  padding:8px 4px !important;
  transition:color .3s ease !important;
  position:relative;
}
.elementor-151 .elementor-element.elementor-element-c3748c4 .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li > a:hover{
  color:#00f2ff !important;
}
/* Teal underline on the active / current menu item (reference behaviour) */
.elementor-151 .elementor-element.elementor-element-c3748c4 .jkit-menu > li.current-menu-item > a,
.elementor-151 .elementor-element.elementor-element-c3748c4 .jkit-menu > li.current_page_item > a{
  color:#00f2ff !important;
}
.elementor-151 .elementor-element.elementor-element-c3748c4 .jkit-menu > li.current-menu-item > a::after,
.elementor-151 .elementor-element.elementor-element-c3748c4 .jkit-menu > li.current_page_item > a::after{
  content:"";
  position:absolute;
  left:4px; right:4px; bottom:0;
  height:2px;
  background:#00f2ff;
}
/* Space the top-level items out a bit like the reference gap-10 */
.elementor-151 .elementor-element.elementor-element-c3748c4 .jkit-menu-wrapper .jkit-menu > li{
  margin:0 6px;
}
/* Sub-menu (Account dropdown) on the dark glass palette */
.elementor-151 .elementor-element.elementor-element-c3748c4 .jkit-menu .sub-menu{
  background-color:rgba(17,20,23,.96) !important;
  border:1px solid rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.elementor-151 .elementor-element.elementor-element-c3748c4 .jkit-menu .sub-menu li > a{
  color:#c4c7c7 !important;
  font-size:12px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
}
.elementor-151 .elementor-element.elementor-element-c3748c4 .jkit-menu .sub-menu li > a:hover{
  color:#00f2ff !important;
  background-color:rgba(0,242,255,.06) !important;
}

/* -------- Social icons -------- */
/* Social widget 1904451 — muted white icons that turn teal on hover. */
.elementor-151 .elementor-element.elementor-element-1904451 .elementor-social-icon{
  background-color:transparent !important;
  transition:transform .25s ease, color .3s ease;
}
.elementor-151 .elementor-element.elementor-element-1904451 .elementor-social-icon i{
  color:#e2e2e2;
  transition:color .3s ease;
}
.elementor-151 .elementor-element.elementor-element-1904451 .elementor-social-icon:hover{
  transform:translateY(-2px);
}
.elementor-151 .elementor-element.elementor-element-1904451 .elementor-social-icon:hover i{
  color:#00f2ff;
}
.elementor-151 .elementor-element.elementor-element-1904451 .elementor-social-icon:hover svg{
  fill:#00f2ff;
}

/* -------- Sticky shrink & responsive -------- */
/* Slightly tighten the bar and deepen the glass once the JeKit sticky state
   pins it, echoing the reference's condensed scrolled nav. */
.elementor-151 .elementor-element.elementor-element-2e2f91e.sticky-pinned:not(.elementor-motion-effects-element-type-background){
  background-color:rgba(11,14,18,.85) !important;
  box-shadow:0 8px 24px -12px rgba(0,0,0,.6);
}

/* Mobile: hamburger + off-canvas panel on the dark glass palette */
@media (max-width:1024px){
  .elementor-151 .elementor-element.elementor-element-c3748c4 .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper{
    background-color:rgba(11,14,18,.98) !important;
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }
  .elementor-151 .elementor-element.elementor-element-c3748c4 .jkit-hamburger-menu i,
  .elementor-151 .elementor-element.elementor-element-c3748c4 .jkit-hamburger-menu svg{
    color:#e2e2e2 !important;
    fill:#e2e2e2 !important;
  }
  .elementor-151 .elementor-element.elementor-element-c3748c4 .jkit-hamburger-menu{
    background-color:transparent !important;
  }
}