/* RezepteChef Child — reprise de « MOBILE MENU » (Simple Custom CSS and JS n°428).
   Modification : 5 icônes PNG 1254px → vignettes 150px
   Modification : 16 règles .rc-mobile-social supprimées (bloc créé par le snippet défectueux)
*/

#mobile-drawer.popup-drawer,
#mobile-drawer .drawer-inner {
  background: #fff3ef !important;
}

#mobile-drawer .drawer-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 18px 20px !important;
  background: transparent !important;
}

#mobile-drawer .drawer-close,
#mobile-drawer .drawer-toggle,
#mobile-drawer .drawer-sub-toggle {
  color: #111 !important;
}

#mobile-drawer .drawer-content {
  padding: 20px 24px 30px !important;
}

#mobile-drawer .mobile-navigation ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#mobile-drawer .mobile-navigation li {
  border-bottom: 1px solid rgba(255, 90, 42, 0.14) !important;
}

#mobile-drawer .mobile-navigation a {
  color: #111 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  padding: 18px 6px !important;
  display: block !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: 0.25s ease !important;
}

#mobile-drawer .mobile-navigation a:hover,
#mobile-drawer .mobile-navigation a:focus,
#mobile-drawer .mobile-navigation a:active {
  color: #111 !important;
  background: transparent !important;
  outline: none !important;
  padding-left: 6px !important;
}

#mobile-drawer .mobile-navigation .current-menu-item > a,
#mobile-drawer .mobile-navigation .current_page_item > a {
  color: #ff5a2a !important;
}

#mobile-drawer .mobile-navigation li.rc-menu-open > .drawer-nav-drop-wrap > a,
#mobile-drawer .mobile-navigation li.rc-menu-open > a {
  color: #ff5a2a !important;
}

#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
}

#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap > a {
  flex: 1 !important;
  cursor: pointer !important;
}

#mobile-drawer .mobile-navigation .drawer-sub-toggle {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: rgba(255, 90, 42, 0.08) !important;
  border-radius: 50% !important;
  color: #ff5a2a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: 0.25s ease !important;
}

#mobile-drawer .mobile-navigation .drawer-sub-toggle:hover,
#mobile-drawer .mobile-navigation .drawer-sub-toggle:focus,
#mobile-drawer .mobile-navigation .drawer-sub-toggle:active {
  background: rgba(255, 90, 42, 0.14) !important;
  color: #ff5a2a !important;
  outline: none !important;
}

#mobile-drawer .mobile-navigation .drawer-sub-toggle svg,
#mobile-drawer .mobile-navigation .drawer-sub-toggle .kadence-svg-icon,
#mobile-drawer .mobile-navigation .drawer-sub-toggle .dropdown-nav-toggle-icon {
  transition: transform 0.25s ease !important;
}

#mobile-drawer .mobile-navigation .drawer-sub-toggle[aria-expanded="true"] svg,
#mobile-drawer .mobile-navigation .drawer-sub-toggle[aria-expanded="true"] .kadence-svg-icon,
#mobile-drawer .mobile-navigation .drawer-sub-toggle[aria-expanded="true"] .dropdown-nav-toggle-icon {
  transform: rotate(180deg) !important;
}

#mobile-drawer .mobile-navigation .sub-menu,
#mobile-drawer .mobile-navigation .children {
  background: #ffffff !important;
  border: 1px solid rgba(255, 90, 42, 0.14) !important;
  border-radius: 20px !important;
  margin: 0 0 16px 0 !important;
  padding: 10px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05) !important;
  width: 100% !important;
}

#mobile-drawer .mobile-navigation .sub-menu li,
#mobile-drawer .mobile-navigation .children li {
  border-bottom: 1px solid rgba(255, 90, 42, 0.08) !important;
}

#mobile-drawer .mobile-navigation .sub-menu li:last-child,
#mobile-drawer .mobile-navigation .children li:last-child {
  border-bottom: none !important;
}

#mobile-drawer .mobile-navigation .sub-menu li a,
#mobile-drawer .mobile-navigation .children li a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 10px !important;
  border-radius: 16px !important;
  color: #1f140f !important;
  font-size: 15.5px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  background: transparent !important;
}

#mobile-drawer .mobile-navigation .sub-menu li a:hover,
#mobile-drawer .mobile-navigation .sub-menu li a:focus,
#mobile-drawer .mobile-navigation .sub-menu li a:active,
#mobile-drawer .mobile-navigation .children li a:hover,
#mobile-drawer .mobile-navigation .children li a:focus,
#mobile-drawer .mobile-navigation .children li a:active {
  color: #1f140f !important;
  background: transparent !important;
}

#mobile-drawer .mobile-navigation .sub-menu .current-menu-item > a,
#mobile-drawer .mobile-navigation .sub-menu .current_page_item > a,
#mobile-drawer .mobile-navigation .children .current-menu-item > a,
#mobile-drawer .mobile-navigation .children .current_page_item > a {
  background: #fff3ef !important;
  color: #ff5a2a !important;
}

#mobile-drawer .mobile-navigation li > a::before,
#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap > a::before {
  content: "" !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  display: inline-block !important;
  margin-right: 14px !important;
  vertical-align: middle !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#mobile-drawer .mobile-navigation li > a,
#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap > a {
  display: flex !important;
  align-items: center !important;
}

#mobile-drawer .mobile-navigation li > a[href$="/rezepte/"]::before,
#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap > a[href$="/rezepte/"]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 22.5V15.8C8.7 15.4 7.3 13.8 7.3 11.9C7.3 9.7 9.1 7.9 11.3 7.9C12 5.8 14 4.3 16.4 4.3C18.8 4.3 20.8 5.8 21.5 7.9C23.7 7.9 25.5 9.7 25.5 11.9C25.5 13.8 24.1 15.4 22.3 15.8V22.5H10.5Z' stroke='%23111111' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 25.4H22' stroke='%23ff5a2a' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

#mobile-drawer .mobile-navigation li > a[href*="kategorien"]::before,
#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap > a[href*="kategorien"]::before,
#mobile-drawer .mobile-navigation li.menu-item-has-children > .drawer-nav-drop-wrap > a::before {
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='6' width='8' height='8' rx='2' stroke='%23111111' stroke-width='2.2'/%3E%3Crect x='20' y='6' width='8' height='8' rx='2' stroke='%23111111' stroke-width='2.2'/%3E%3Crect x='6' y='20' width='8' height='8' rx='2' stroke='%23111111' stroke-width='2.2'/%3E%3Crect x='20' y='20' width='8' height='8' rx='2' stroke='%23ff5a2a' stroke-width='2.2'/%3E%3C/svg%3E") !important;
}

#mobile-drawer .mobile-navigation li > a[href*="empfehlungen"]::before,
#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap > a[href*="empfehlungen"]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='11.5' stroke='%23111111' stroke-width='2.3'/%3E%3Cpath d='M17 10.5L18.9 14.5L23.2 15.1L20.1 18.1L20.8 22.4L17 20.3L13.2 22.4L13.9 18.1L10.8 15.1L15.1 14.5L17 10.5Z' stroke='%23ff5a2a' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#mobile-drawer .mobile-navigation li > a[href*="uber"]::before,
#mobile-drawer .mobile-navigation li > a[href*="über"]::before,
#mobile-drawer .mobile-navigation li > a[href*="about"]::before,
#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap > a[href*="uber"]::before,
#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap > a[href*="über"]::before,
#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap > a[href*="about"]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='11.5' r='4.8' stroke='%23111111' stroke-width='2.3'/%3E%3Cpath d='M8.5 28C8.5 23 12 20.2 17 20.2C22 20.2 25.5 23 25.5 28' stroke='%23111111' stroke-width='2.3' stroke-linecap='round'/%3E%3Cpath d='M10.5 25.2C12 22.3 14.2 20.9 17 20.9C19.8 20.9 22 22.3 23.5 25.2' stroke='%23ff5a2a' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

#mobile-drawer .mobile-navigation li > a[href*="kontakt"]::before,
#mobile-drawer .mobile-navigation li > a[href*="contact"]::before,
#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap > a[href*="kontakt"]::before,
#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap > a[href*="contact"]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='9' width='22' height='16' rx='2.5' stroke='%23111111' stroke-width='2.3'/%3E%3Cpath d='M7.5 11.5L17 18.5L26.5 11.5' stroke='%23ff5a2a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#mobile-drawer .mobile-navigation .sub-menu li a::before,
#mobile-drawer .mobile-navigation .children li a::before {
  content: "" !important;
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  display: inline-block !important;
  margin-right: 0 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#mobile-drawer .mobile-navigation .sub-menu li a[href*="salate-bowls"]::before,
#mobile-drawer .mobile-navigation .sub-menu li a[href*="salate"]::before,
#mobile-drawer .mobile-navigation .children li a[href*="salate-bowls"]::before,
#mobile-drawer .mobile-navigation .children li a[href*="salate"]::before {
  background-image: url("https://rezeptechef.com/wp-content/uploads/2026/05/salate-icon-150x150.png") !important;
}

#mobile-drawer .mobile-navigation .sub-menu li a[href*="suppen-eintoepfe"]::before,
#mobile-drawer .mobile-navigation .sub-menu li a[href*="suppen"]::before,
#mobile-drawer .mobile-navigation .children li a[href*="suppen-eintoepfe"]::before,
#mobile-drawer .mobile-navigation .children li a[href*="suppen"]::before {
  background-image: url("https://rezeptechef.com/wp-content/uploads/2026/05/suppen-icon-150x150.png") !important;
}

#mobile-drawer .mobile-navigation .sub-menu li a[href*="saucen-dips"]::before,
#mobile-drawer .mobile-navigation .sub-menu li a[href*="saucen"]::before,
#mobile-drawer .mobile-navigation .children li a[href*="saucen-dips"]::before,
#mobile-drawer .mobile-navigation .children li a[href*="saucen"]::before {
  background-image: url("https://rezeptechef.com/wp-content/uploads/2026/05/saucen-dips-icon-150x150.png") !important;
}

#mobile-drawer .mobile-navigation .sub-menu li a[href*="pasta-nudelgerichte"]::before,
#mobile-drawer .mobile-navigation .sub-menu li a[href*="pasta"]::before,
#mobile-drawer .mobile-navigation .children li a[href*="pasta-nudelgerichte"]::before,
#mobile-drawer .mobile-navigation .children li a[href*="pasta"]::before {
  background-image: url("https://rezeptechef.com/wp-content/uploads/2026/05/pasta-icon-150x150.png") !important;
}

#mobile-drawer .mobile-navigation .sub-menu li a[href*="dessert-suesses"]::before,
#mobile-drawer .mobile-navigation .sub-menu li a[href*="dessert"]::before,
#mobile-drawer .mobile-navigation .sub-menu li a[href*="desserts"]::before,
#mobile-drawer .mobile-navigation .children li a[href*="dessert-suesses"]::before,
#mobile-drawer .mobile-navigation .children li a[href*="dessert"]::before,
#mobile-drawer .mobile-navigation .children li a[href*="desserts"]::before {
  background-image: url("https://rezeptechef.com/wp-content/uploads/2026/05/desserts-icon-150x150.png") !important;
}

@media (max-width: 767px) {
  #mobile-drawer .drawer-content {
    padding: 18px 20px 28px !important;
  }

  #mobile-drawer .mobile-navigation a {
    font-size: 17px !important;
    padding: 17px 4px !important;
  }

  #mobile-drawer .mobile-navigation a:hover,
  #mobile-drawer .mobile-navigation a:focus,
  #mobile-drawer .mobile-navigation a:active {
    padding-left: 4px !important;
  }

  #mobile-drawer .mobile-navigation li > a::before,
  #mobile-drawer .mobile-navigation .drawer-nav-drop-wrap > a::before {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    margin-right: 13px !important;
  }

  #mobile-drawer .mobile-navigation .drawer-sub-toggle {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }

  #mobile-drawer .mobile-navigation .sub-menu,
  #mobile-drawer .mobile-navigation .children {
    margin: 0 0 14px 0 !important;
    padding: 9px !important;
    border-radius: 18px !important;
  }

  #mobile-drawer .mobile-navigation .sub-menu li a,
  #mobile-drawer .mobile-navigation .children li a {
    font-size: 15px !important;
    padding: 11px 9px !important;
    border-radius: 15px !important;
  }

  #mobile-drawer .mobile-navigation .sub-menu li a::before,
  #mobile-drawer .mobile-navigation .children li a::before {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
  }
}

/* RC MOBILE SUBMENU — KADENCE COMPATIBILITY FIX */
#mobile-drawer .mobile-navigation .sub-menu.show-drawer,
#mobile-drawer .mobile-navigation .children.show-drawer,
#mobile-drawer .mobile-navigation .sub-menu.toggle-show,
#mobile-drawer .mobile-navigation .children.toggle-show,
#mobile-drawer .mobile-navigation li.toggle-show > .sub-menu,
#mobile-drawer .mobile-navigation li.toggle-show > .children,
#mobile-drawer .mobile-navigation li.menu-item-has-children.toggle-show > ul.sub-menu,
#mobile-drawer .mobile-navigation li.page_item_has_children.toggle-show > ul.children,
#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap:has(.drawer-sub-toggle[aria-expanded="true"]) + .sub-menu,
#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap:has(.drawer-sub-toggle[aria-expanded="true"]) + .children {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  overflow: visible !important;
}

#mobile-drawer .mobile-navigation li:has(> .drawer-nav-drop-wrap .drawer-sub-toggle[aria-expanded="true"]) > .sub-menu,
#mobile-drawer .mobile-navigation li:has(> .drawer-nav-drop-wrap .drawer-sub-toggle[aria-expanded="true"]) > .children {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  overflow: visible !important;
}

/* [RezepteChef Child 1.0.2] Anciens blocs « RC MOBILE SOCIAL » (classe + doublon par URL) retirés : remplacés par 9000-menu-state.css */