/* =========================================================================
   Off-Canvas-Menü: Beschriftung navigiert, Pfeil klappt auf   (08.09.2026)
   -------------------------------------------------------------------------
   Theme-Override für zwei Fehler im Plugin aweos-offcanvas-menu:
   1) aweos-offcanvas-menu.php (Inline-Skript im Footer) und public/js/app.js
      binden zusammen fünf click/touchend-Handler mit preventDefault auf den
      Nachfahren-Selektor "li.menu-item-has-children > a". Dadurch war jeder
      Menüpunkt mit Unterpunkten grundsätzlich nicht aufrufbar, u. a. die
      Kategorie Rasierhobel.
   2) public/css/app.css Zeile 167 und 225 enthalten unausgewerteten PHP-Code
      als CSS-Wert. Der Browser verwirft die Zeile, das folgende
      color:#ffffff bleibt stehen: weißer Pfeil auf weißer Zeile.
   Das Plugin bleibt unangetastet, damit ein Update die Korrektur nicht
   überschreibt. Siehe Issue im Repo AWEOS/kunde-merkur.
   ========================================================================= */

/* Kaputten Pseudo-Pfeil des Plugins abschalten, er wird durch einen echten
   Button ersetzt (eigenes Tap-Ziel, per Tastatur bedienbar). */
#offcanvas_menu_inner li.menu-item-has-children > a::after {
    display: none !important;
}

/* Der Menue-Link bekommt vom Plugin width:100% und beansprucht damit die
   ganze Flex-Zeile; der Pfeil-Button rutschte dadurch darunter. Breite
   aufheben und schrumpfen erlauben, dann stehen beide nebeneinander. */
#offcanvas_menu_inner li.menu-item-has-children {
    align-items: center;
}

#offcanvas_menu_inner li.menu-item-has-children > a {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
}

#offcanvas_menu_inner .aweos-submenu-toggle {
    flex: 0 0 52px;
    align-self: stretch;
    min-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: #3281a2;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-appearance: none;
    appearance: none;
}

#offcanvas_menu_inner .aweos-submenu-toggle::before {
    content: "5";
    font-family: ETmodules;
    font-size: 1.3rem;
    line-height: 1;
    color: #fff;
    display: block;
    transform: rotate(0deg);
    transition: transform 0.2s;
}

#offcanvas_menu_inner .aweos-submenu-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

#offcanvas_menu_inner .aweos-submenu-toggle:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -4px;
}