/* Fix for Menu Visibility */
.navbar-collapse.show {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: 100vh;
  overflow-y: auto;
}

/* Fix for Dropdown Menu Visibility - High Specificity */

/* When open via click (class .menu-open) */
.header-area .navbar-nav li .softora-dd-menu.menu-open {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  /* Mobile specific resets */
  position: static !important;
  float: none !important;
  box-shadow: none !important;
  padding-left: 20px !important;
  background: transparent !important;
}

/* Desktop overrides for .menu-open */
@media (min-width: 992px) {
  .header-area .navbar-nav li .softora-dd-menu.menu-open {
    position: absolute !important;
    background: #FFFFFF !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
    padding-left: 0 !important;
    top: 100% !important;
  }
}

/* Force hide on mobile when not open */
@media (max-width: 991px) {
  .header-area .navbar-nav li .softora-dd-menu:not(.menu-open) {
    display: none !important;
  }
}

/* Ensure items are visible when menu is open */
.header-area .navbar-nav li .softora-dd-menu.menu-open li {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Ensure links are visible and have correct color */
.header-area .navbar-nav li .softora-dd-menu.menu-open li a {
  opacity: 1 !important;
  visibility: visible !important;
  color: #222222 !important; /* Force dark color */
}

.header-area .navbar-nav li .softora-dd-menu.menu-open li a:hover {
  color: #601FEB !important;
}

/* Ensure Toggle Icon is cursor pointer */
.dropdown-toggler {
  cursor: pointer;
  display: flex !important;
}

/* Text Color Fixes for top level */
.header-area .navbar-brand,
.header-area .navbar-nav .nav-link, 
.header-area .navbar-nav li > a {
  color: #222222;
}

.header-area.mobile-menu-open {
  background-color: #fff !important;
}

.collapse:not(.show) {
  display: none !important;
}
