/*
 * Sydney Offcanvas Partial Mode – v1.0.1
 * Ziel: Das farbige Feld endet GENAU unter dem letzten Separator.
 * Wir lassen die Trennlinie beim letzten Menüpunkt bestehen und entfernen unten jeden Extra-Abstand.
 */

:root {
  --oc-bg: #fff;             /* UL-Hintergrund, falls benötigt */
  --oc-end-gap: 10px;         /* kein Abstand unter dem letzten Separator */
}

@media (max-width: 1024px) {
  /* Overlay nicht strecken */
  .sydney-offcanvas-menu {
    align-items: flex-start !important;
    background: transparent !important;
  }

  /* Wrapper im Offcanvas: keine feste Höhe / kein Unter-Padding */
  .sydney-offcanvas-menu .shfb-mobile-offcanvas-rows,
  .sydney-offcanvas-menu .container,
  .sydney-offcanvas-menu .shfb-row,
  .sydney-offcanvas-menu .shfb-mobile-offcanvas-col,
  .sydney-offcanvas-menu .mobile-offcanvas-menu-content,
  .sydney-offcanvas-menu nav.sydney-dropdown {
    background: transparent !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
  }

  /* UL trägt das Feld – endet nach letztem Separator */
  .sydney-offcanvas-menu nav .menu-main_menu-container > ul.menu {
    background: var(--oc-bg) !important;
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 16px 0 var(--oc-end-gap) !important; /* kein Gap unter der Linie */
    box-sizing: border-box;
    overflow: hidden; /* falls Separator als ::after leicht übersteht */
  }

  /* Letztes LI: KEINE zusätzlichen Abstände entfernen wir, BEHALTEN aber die Linie */
  .sydney-offcanvas-menu nav .menu-main_menu-container > ul.menu > li:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    /* WICHTIG: keine border-bottom-Unterdrückung hier! */
  }

  /* Falls das Theme die Linie am <a> zeichnet, stellen wir sicher, dass sie auch beim letzten Eintrag sichtbar bleibt */
  .sydney-offcanvas-menu nav .menu-main_menu-container > ul.menu > li:last-child > a.sydney-dropdown-link {
    /* keine border-bottom:0 hier setzen */
  }

  /* Optional: Blöcke unter dem Menü (z. B. Suche) ausblenden, damit das Panel nicht weiter wächst */
  .sydney-offcanvas-menu .header-search-form-row { display: none !important; }
}

@media (max-width: 767px) {
  .sydney-offcanvas-menu .mobile-offcanvas-menu-content {
    width: 100vw;
    max-width: none;
  }
}