/**
 * Restore Bootstrap navbar/dropdown when Tailwind CDN or built CSS is loaded.
 * Tailwind's `.collapse` utility conflicts with Bootstrap `.collapse`.
 */
.top-nav .navbar-collapse.collapse:not(.show) {
  display: none !important;
  visibility: visible !important;
}

.top-nav .navbar-collapse.collapsing {
  display: block !important;
  visibility: visible !important;
  height: 0;
  overflow: hidden;
}

.top-nav .navbar-collapse.collapse.show {
  display: block !important;
  visibility: visible !important;
}

@media (min-width: 992px) {
  .top-nav.navbar-expand-lg .navbar-collapse.collapse,
  .top-nav .navbar-expand-lg .navbar-collapse.collapse {
    display: flex !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
  }
}

.top-nav .dropdown-menu {
  display: none;
  visibility: visible !important;
}

.top-nav .dropdown-menu.show {
  display: block !important;
}

.top-nav .nav-item.dropdown {
  position: static;
}

@media (min-width: 992px) {
  .top-nav .dropdown-menu.mega-menu {
    z-index: 1060;
  }
}