/* ===== JB fixed position & reset ===== */
#jb-hamburger.hamburger{
  position: fixed !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 2147483647 !important;
  padding: 10px !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  color: #fff !important; /* Change to brand: #FF7723 if desired */
  -webkit-tap-highlight-color: transparent;
  pointer-events: auto !important;
}

/* ===== "Hamburgers" squeeze (trimmed) ===== */
#jb-hamburger .hamburger-box{
  width: 32px !important; height: 24px !important;
  display: inline-block !important; position: relative !important;
}
#jb-hamburger .hamburger-inner{
  display: block !important; top: 50% !important;
  margin-top: -1px !important; position: absolute !important; left: 0 !important;
}

#jb-hamburger .hamburger-inner,
#jb-hamburger .hamburger-inner::before,
#jb-hamburger .hamburger-inner::after{
  width: 32px !important; height: 2px !important;
  background-color: currentColor !important;
  border-radius: 2px !important; position: absolute !important;
  left: 0 !important;
}

#jb-hamburger .hamburger-inner::before,
#jb-hamburger .hamburger-inner::after{
  content: "" !important; display: block !important;
}
#jb-hamburger .hamburger-inner::before{ top: -8px !important; }
#jb-hamburger .hamburger-inner::after{ top: 8px !important; }

/* ===== SQUEEZE ANIMATION - SIMPLE FIX ===== */
/* Default state - no transitions to avoid conflicts */
#jb-hamburger.hamburger--squeeze .hamburger-inner{
  transition: transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19) !important;
}
#jb-hamburger.hamburger--squeeze .hamburger-inner::before{
  transition: top 0.1s 0.14s ease, opacity 0.1s ease !important;
}
#jb-hamburger.hamburger--squeeze .hamburger-inner::after{
  transition: top 0.1s 0.14s ease, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
}

/* Active state (cross) */
#jb-hamburger.hamburger--squeeze.is-active .hamburger-inner{
  transform: rotate(45deg) !important;
  transition: transform 0.22s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
}
#jb-hamburger.hamburger--squeeze.is-active .hamburger-inner::before{
  top: 0 !important;
  opacity: 0 !important;
  transition: top 0.1s ease, opacity 0.1s 0.14s ease !important;
}
#jb-hamburger.hamburger--squeeze.is-active .hamburger-inner::after{
  top: 0 !important;
  transform: rotate(-90deg) !important;
  transition: top 0.1s ease, transform 0.22s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
}

/* focus ring */
#jb-hamburger.hamburger:focus-visible{
  outline: 2px solid rgba(255,255,255,.35) !important;
  outline-offset: 3px !important;
}