/* --- Hamburger icon trigger: render like plain icon (no pill/button chrome) --- */
/* Override any shared button/link styling applied via .fw_link etc. */
.fw_menu_toggle.fw_link,
.fw_menu_toggle.fw_link:visited,
.fw_menu_toggle.fw_link:hover,
.fw_menu_toggle.fw_link:active,
.fw_menu_toggle.fw_link:focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  height: auto !important;
  line-height: 1 !important;
  text-decoration: none !important;
  color: inherit !important;
  outline: none !important;
}

/* Give it a predictable tap area WITHOUT looking like a button */
.fw_menu_toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
}

/* Icon appearance */
.fw_menu_toggle i.fa-bars {
  font-size: 22px;
}

/* Optional: subtle hover (still not button/pill) */
.fw_menu_toggle:hover {
  opacity: 0.75;
}

/* Ensure header right-side area doesn't push layout */
.fw_header_right {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Header actions (Life / MyPage) */
.fw_header_actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.fw_menu_toggle.is_active{
  opacity: 1;
}

.fw_menu_toggle.is_active i{
  transform: translateY(-1px);
}