/**
 * MOBILE NAV FIX - CSS
 * Füge diesen Code am Ende deiner custom.css oder custom_refreshed.css ein
 * 
 * Dies stellt sicher, dass das Mobile-Menu korrekt angezeigt wird,
 * auch wenn die Navbar dynamisch geladen wurde.
 */

/* ============================================
   MOBILE NAVIGATION FIX
   ============================================ */

/* Stelle sicher, dass das Overlay sichtbar ist wenn offen */
.w-nav-overlay.w--open {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Stelle sicher, dass das Menu sichtbar ist wenn offen */
.w-nav-menu.w--open {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* Mobile Menu Container */
@media screen and (max-width: 991px) {
  .w-nav-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    overflow: hidden;
    transition: height 0.3s ease, opacity 0.2s ease;
  }
  
  .w-nav-menu:not(.w--open) {
    height: 0 !important;
    opacity: 0;
    overflow: hidden;
  }
  
  .w-nav-menu.w--open {
    height: auto !important;
    min-height: 200px;
    opacity: 1;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    z-index: 1000;
  }
  
  /* Overlay hinter dem Menu */
  .w-nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 99;
  }
  
  .w-nav-overlay.w--open {
    opacity: 1;
    visibility: visible;
  }
  
  /* Burger Button Animation */
  .w-nav-button {
    position: relative;
    cursor: pointer;
    z-index: 1001;
  }
  
  .w-nav-button.w--open .w-icon-nav-menu {
    /* Optional: X-Animation für den Burger */
  }
  
  /* Menu Items im Mobile */
  .w-nav-menu .w-nav-link,
  .w-nav-menu .nav-link,
  .w-nav-menu .waves---nav-link {
    display: block;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
  }
  
  /* Navbar fixed wenn Menu offen */
  .w-nav.nav-open {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff !important;
  }
  
  /* Body overflow hidden wenn Menu offen */
  body.nav-menu-open {
    overflow: hidden;
  }
}

/* ============================================
   ENDE MOBILE NAVIGATION FIX
   ============================================ */