.mdm-mobile-menu {
  position: relative;
}

.mdm-mobile-menu .mdm-mobile-menu__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border: 0;
  background-color: var(--mdm-button-background, transparent) !important;
  color: #000;
  cursor: pointer;
  font: inherit;
  padding: 0;
}

.mdm-mobile-menu__toggle-icon,
.mdm-mobile-menu__toggle-icon::before,
.mdm-mobile-menu__toggle-icon::after {
  display: block;
  width: 1.1rem;
  height: 2px;
  background: currentColor;
  content: '';
  transition: transform .2s ease;
}

.mdm-mobile-menu__toggle-icon { position: relative; }
.mdm-mobile-menu__toggle-icon::before { position: absolute; top: -6px; }
.mdm-mobile-menu__toggle-icon::after { position: absolute; top: 6px; }

.mdm-mobile-menu__selected-icon {
  display: grid;
  place-items: center;
  line-height: 1;
}

.mdm-mobile-menu__selected-icon i,
.mdm-mobile-menu__selected-icon svg {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.mdm-mobile-menu__backdrop {
  position: fixed;
  z-index: 9998;
  inset: 0;
  background: rgba(8, 13, 40, .35);
}

.mdm-mobile-menu__panel {
  position: fixed;
  z-index: 9999;
  inset: 0 auto 0 0;
  left: 0;
  width: min(350px, calc(100vw - 58px));
  min-height: 100dvh;
  padding: 72px 24px 32px;
  background: #fff;
  box-shadow: 8px 0 24px rgba(0, 0, 0, .12);
}

.mdm-mobile-menu .mdm-mobile-menu__close {
  position: absolute;
  top: 18px;
  right: 18px;
  display: grid;
  place-items: center;
/*   width: 40px;
  height: 40px; */
  border: 1px solid #000;
  border-radius: 4px;
  background-color: var(--mdm-button-background, transparent) !important;
  color: #000;
  cursor: pointer;
  font-size: 25px;
  line-height: 1;
}

.mdm-mobile-menu__list,
.mdm-mobile-menu__list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mdm-mobile-menu__list li { position: relative; }
.mdm-mobile-menu__list > li + li { margin-top: 18px; }
.mdm-mobile-menu__list a { display: block; padding: .6rem 42px .6rem 0; color: #000; font-weight: 600; text-decoration: none; }
.mdm-mobile-menu__list a:hover,
.mdm-mobile-menu__list a:focus { text-decoration: none }
.mdm-mobile-menu__list .current-menu-item > .mdm-mobile-menu__link,
.mdm-mobile-menu__list .current-menu-parent > .mdm-mobile-menu__link,
.mdm-mobile-menu__list .current-menu-ancestor > .mdm-mobile-menu__link,
.mdm-mobile-menu__list .current_page_item > .mdm-mobile-menu__link,
.mdm-mobile-menu__list .current_page_parent > .mdm-mobile-menu__link,
.mdm-mobile-menu__list .current_page_ancestor > .mdm-mobile-menu__link { color: var(--mdm-active-link-color, #000) !important; }
.mdm-mobile-menu__list .sub-menu { display: none; padding: .25rem 0 .25rem 1rem; }
.mdm-mobile-menu__list .is-submenu-open > .sub-menu { display: block; }
.mdm-mobile-menu__list .sub-menu li + li { margin-top: 4px; }
.mdm-mobile-menu__list .sub-menu a { font-size: .95em; font-weight: 400; }

.mdm-mobile-menu .mdm-mobile-menu__submenu-toggle {
  position: absolute;
  top: 4px;
  right: 0;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 0;
  /* Prevent Elementor/theme global button colors such as #c36 leaking into the chevron. */
  background-color: var(--mdm-submenu-button-background, transparent) !important;
  color: #000 !important;
  cursor: pointer;
  box-shadow: none;
}

.mdm-mobile-menu__submenu-toggle svg,
.mdm-mobile-menu__submenu-toggle i {
  display: block;
  width: 12px;
  height: 8px;
  transition: transform .2s ease;
}

.mdm-mobile-menu__submenu-toggle[aria-expanded="true"] svg,
.mdm-mobile-menu__submenu-toggle[aria-expanded="true"] i { transform: rotate(180deg); }