/* Sichtbarkeit während Slide/aktiv: Theme setzt .wpbf-slide-anim und danach .active */
.wpbf-mobile-menu-container.wpbf-slide-anim,
.wpbf-mobile-menu-container.active { display: block !important; }

/* Vollbild nur im aktiven Zustand (nach der Slide-Animation) */
.wpbf-mobile-menu-container.active {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--white);
  color: #fff;
  height: 100vh !important;         /* überschreibt Inline-Height vom Theme */
  max-height: none !important;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* Adminbar sauber berücksichtigen */
html.admin-bar .wpbf-mobile-menu-container.active {
  top: 32px;
  height: calc(100vh - 32px) !important;
}
@media (max-width: 782px){
  html.admin-bar .wpbf-mobile-menu-container.active {
    top: 46px;
    height: calc(100vh - 46px) !important;
  }
}

/* WICHTIG: Die innere <nav> darf NICHT auf 100% Höhe gezwungen werden,
   sonst misst WPBF die Höhe falsch. */
.wpbf-mobile-menu-container nav {
  height: auto !important;
  max-height: none !important;
  overflow: visible;
}

/* Optional: Dein Content „atmet“ am Rand etwas */
.wpbf-mobile-menu-container #mobile-navigation,
.wpbf-mobile-menu-container .cormens-mobile-fullscreen-extras {
  padding-left: 20px;
  padding-right: 20px;
}
/* Sichtbar während Slide/aktiv (WPBF steuert die Klassen) */
.wpbf-mobile-menu-container.wpbf-slide-anim,
.wpbf-mobile-menu-container.active { display: block !important; }

/* Standard-Offsets (Fallback, falls JS mal nicht feuert) */
:root{
  --c-mobilebar: 56px;   /* typische Höhe der mobilen Leiste */
  --c-adminbar: 0px;     /* WP-Adminbar, wird per JS gesetzt */
}

/* Während der Öffnungsanimation NICHT fixed -> WPBF kann Höhe messen */
.wpbf-mobile-menu-container.wpbf-slide-anim { position: static; }

/* Wenn komplett offen -> fixed, beginnt unterhalb der Leiste */
.wpbf-mobile-menu-container.active {
  position: fixed;
  left: 0; right: 0;
  top: calc(var(--c-mobilebar) + var(--c-adminbar));
  bottom: 0;
  height: calc(100vh - (var(--c-mobilebar) + var(--c-adminbar))) !important;
  max-height: none !important;
  z-index: 99999;

  background: var(--white);
  color: #fff;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* Ganz wichtig: die innere <nav> NICHT auf 100% zwingen */
.wpbf-mobile-menu-container nav {
  height: auto !important;
  max-height: none !important;
  overflow: visible;
}

/* kleine Innenabstände (optional) */
.wpbf-mobile-menu-container #mobile-navigation,
.wpbf-mobile-menu-container .cormens-mobile-fullscreen-extras {
  padding-left: 20px;
  padding-right: 20px;
}
.cormens-mobile-fullscreen-extras {
  padding-bottom: 2.5rem;
}