/* =====================================================
   MOBILE MENU FIX - FINAL SOLUTION
   Add this at the VERY END of styles.css
   ===================================================== */

/* Mobile Menu - Force Display Fix */
@media (max-width: 991.98px) {
  /* Reset any conflicting styles */
  .porto-navbar .navbar-collapse {
    display: none; /* Hidden by default */
  }
  
  /* When menu is open */
  .porto-navbar .navbar-collapse.show {
    display: block !important;
    visibility: visible !important;
  }
  
  /* Navbar list must be visible */
  .porto-navbar .navbar-collapse.show .navbar-nav {
    display: flex !important;
    flex-direction: column !important;
  }
  
  /* Each menu item must be visible */
  .porto-navbar .navbar-collapse.show .navbar-nav .nav-item {
    display: list-item !important;
    list-style: none !important;
  }
  
  /* Links must be visible */
  .porto-navbar .navbar-collapse.show .navbar-nav .nav-link {
    display: block !important;
  }
  
  /* Call button must be visible */
  .porto-navbar .navbar-collapse.show .navbar-cta {
    display: flex !important;
  }
}

/* Desktop - Normal behavior */
@media (min-width: 992px) {
  .porto-navbar .navbar-collapse {
    display: flex !important;
  }
  
  .porto-navbar .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
  }
  
  .porto-navbar .navbar-nav .nav-item {
    display: inline-block !important;
  }
}