/* css/footer-menu-fix.css
   Fix Divi dropdown glyph fallbacks (often shows "3") and align menu typography with header menu.
   Applies to footer and any "bottom menu" modules that reuse Divi's ETmodules icon glyphs. */

:root{
  --menu-caret-size: 18px;
  --menu-caret-gap: 10px;
}

/* Typography: match the header menu vibe */
.et_pb_menu__menu a,
.et_pb_menu__menu a:visited,
.et-menu a,
.et-menu a:visited,
.bottom-nav a,
.bottom-nav a:visited,
#footer-bottom a,
#footer-bottom a:visited,
#main-footer a,
#main-footer a:visited {
  font-family: inherit !important;
  font-weight: inherit !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* Replace ETmodules glyph (often renders as "3") with a real SVG caret. */
#menu-new-home li.menu-item-has-children > a:after,
.et_pb_menu__menu li.menu-item-has-children > a:after,
.et-menu.nav li.menu-item-has-children > a:after,
#footer-bottom li.menu-item-has-children > a:after,
#main-footer li.menu-item-has-children > a:after {
  content: "" !important;
  font-family: inherit !important;
  display: inline-block !important;
  width: var(--menu-caret-size) !important;
  height: var(--menu-caret-size) !important;
  margin-left: var(--menu-caret-gap) !important;
  vertical-align: middle !important;
  background: url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20d=%22M6%209l6%206%206-6%22%20fill=%22none%22%20stroke=%22%23ffffff%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E') center / contain no-repeat !important;
  opacity: 0.95 !important;
  transform: translateY(-1px) !important;
}