/* Divi 5 Mobile Menu Toggle 1.2.1 — nom de classe propre, sans .mobile-toggle */
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
  content: '\4d';
}

ul.et_mobile_menu[data-d5mmt="1"] li.menu-item-has-children,
ul.et_mobile_menu[data-d5mmt="1"] li.page_item_has_children {
  position: relative;
}

ul.et_mobile_menu[data-d5mmt="1"] li.menu-item-has-children > a:not(.d5mmt-toggle),
ul.et_mobile_menu[data-d5mmt="1"] li.page_item_has_children > a:not(.d5mmt-toggle) {
  display: block;
  padding-right: 56px;
}

/* Isolation : Divi ne reconnaît pas cette classe comme son toggle natif. */
ul.et_mobile_menu[data-d5mmt="1"] li > .d5mmt-toggle {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  min-width: 44px;
  max-height: 44px;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  background: transparent !important;
  text-align: center;
  cursor: pointer;
  opacity: 1;
  line-height: 1;
  font-size: 16px;
  text-decoration: none !important;
}

ul.et_mobile_menu[data-d5mmt="1"] li > .d5mmt-toggle::before {
  content: none !important;
  display: none !important;
}

/* Une seule icône : celle-ci, créée uniquement par notre CSS. */
ul.et_mobile_menu[data-d5mmt="1"] li > .d5mmt-toggle::after {
  content: '\33' !important;
  display: inline-block !important;
  position: relative;
  top: 0;
  left: 0;
  transform: none;
  font-family: 'ETModules' !important;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  color: #0f3762;
  background: #f0f3f6;
  border-radius: 50%;
  padding: 3px;
  line-height: 1;
}

ul.et_mobile_menu[data-d5mmt="1"] li.dt-open > .d5mmt-toggle::after {
  content: '\32' !important;
}

ul.et_mobile_menu[data-d5mmt="1"] li.menu-item-has-children > .sub-menu,
ul.et_mobile_menu[data-d5mmt="1"] li.page_item_has_children > .children {
  display: none !important;
  visibility: hidden !important;
}

ul.et_mobile_menu[data-d5mmt="1"] li.menu-item-has-children > .sub-menu.visible,
ul.et_mobile_menu[data-d5mmt="1"] li.page_item_has_children > .children.visible {
  display: block !important;
  visibility: visible !important;
}

/* Présentation d'origine conservée */
.et_pb_menu .et_mobile_menu,
.et_pb_menu .et_mobile_menu ul {
  background-color: #ffffff !important;
  border-radius: unset;
}
.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul { width: 300px; }
.et-menu li li a { width: 250px; }
@media (max-width: 980px) {
  .et_pb_menu .et_mobile_menu,
  .et_pb_menu .et_mobile_menu ul {
    list-style: none !important;
    text-align: left;
    width: 80vw;
  }
}

/* 1.2.1 — Divi 5 peut ajouter son propre chevron au lien parent.
   Le bouton .d5mmt-toggle assure déjà cette fonction : ne masquer
   que le pictogramme du lien, et non celui du bouton du plugin. */
@media (max-width: 980px) {
  ul.et_mobile_menu[data-d5mmt="1"] > li.menu-item-has-children > a::after,
  ul.et_mobile_menu[data-d5mmt="1"] > li.page_item_has_children > a::after,
  ul.et_mobile_menu[data-d5mmt="1"] li.menu-item-has-children > a:not(.d5mmt-toggle)::after,
  ul.et_mobile_menu[data-d5mmt="1"] li.page_item_has_children > a:not(.d5mmt-toggle)::after {
    content: none !important;
    display: none !important;
  }
}