/* css/menu-fix.css
   Fix Divi icon-font fallbacks (e.g. "a" / "M") by replacing with SVG icons.
   Uses :before for hamburger and :after for close (matching Divi's open-state behavior). */

span.mobile_menu_bar.et_toggle_slide_menu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  cursor: pointer;
}

/* Nuke Divi glyph content + fonts */
span.mobile_menu_bar.et_toggle_slide_menu:before,
span.mobile_menu_bar.et_toggle_slide_menu:after,
.et_toggle_slide_menu:before,
.et_toggle_slide_menu:after {
  content: "" !important;
  font-family: inherit !important;
  text-shadow: none !important;
}

/* Hamburger (default) */
span.mobile_menu_bar.et_toggle_slide_menu:before {
  content: "" !important;
  display: inline-block;
  width: 28px;
  height: 20px;
  background: url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2228%22%20height=%2220%22%20viewBox=%220%200%2028%2020%22%20fill=%22none%22%3E%20%20%3Cpath%20d=%22M2%202H26%22%20stroke=%22#FFFFFF%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22/%3E%20%20%3Cpath%20d=%22M2%2010H26%22%20stroke=%22#FFFFFF%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22/%3E%20%20%3Cpath%20d=%22M2%2018H26%22%20stroke=%22#FFFFFF%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22/%3E%3C/svg%3E') center / contain no-repeat;
  opacity: 1 !important;
}

/* Close icon (hidden until open) */
span.mobile_menu_bar.et_toggle_slide_menu:after {
  content: "" !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%20%20%3Cpath%20d=%22M6%206L18%2018%22%20stroke=%22#FFFFFF%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22/%3E%20%20%3Cpath%20d=%22M18%206L6%2018%22%20stroke=%22#FFFFFF%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22/%3E%3C/svg%3E') center / contain no-repeat;
  opacity: 0 !important;
  position: absolute;
}

/* Divi adds opacity:0 to :before when open. We keep that, and show :after instead. */
body.et_pb_slide_menu_active span.mobile_menu_bar.et_toggle_slide_menu:after {
  opacity: 1 !important;
}

/* Portfolio dropdown chevron */
#mobile_menu_slide .menu-item-has-children > a:after {
  content: "" !important;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 10px;
  vertical-align: middle;
  background: url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2214%22%20height=%2214%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%20%20%3Cpath%20d=%22M6%209L12%2015L18%209%22%20stroke=%22#FFFFFF%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E') center / contain no-repeat;
  opacity: 0.95;
}

/* Mobile submenu behaviour (works even without Divi JS) */
#mobile_menu_slide .sub-menu {
  display: none;
  margin-top: 10px;
}
#mobile_menu_slide li.is-open > .sub-menu {
  display: block;
}


/* MENU OFFSET PATCH: align hamburger like live site */
#et-top-navigation > .mobile_menu_bar.et_toggle_slide_menu { margin-right: 40px !important; }
#et-top-navigation { padding-right: 0 !important; }