/* Keep the open navigation above inventory filters, search bars, and vehicle photos. */
header.header,
header.header .header-container,
header.header nav.navbar {
  overflow: visible !important;
}

header.header {
  position: relative !important;
  z-index: 10000 !important;
}

header.header nav.navbar,
header.header nav.navbar .navbar-collapse,
header.header nav.navbar .navbar-collapse.show {
  z-index: 10020 !important;
}

header.header nav.navbar .navbar-collapse.show {
  box-shadow: 0 14px 28px rgba(0, 0, 0, .38) !important;
}

.inventory-search-module,
.inventoryslideshow,
.inventory__container,
.inventory__filters,
.inventory__sort,
.inventory__search,
.item__card {
  position: relative;
  z-index: 1 !important;
}

/* Carsforsale outputs make names as javascript:void(0) submenu toggles.
   Make their vehicle-model links open reliably with a mouse, keyboard, or touch. */
header.header nav.navbar .dropdown-menu {
  overflow: visible !important;
}

header.header nav.navbar .dropdown-menu > li {
  position: relative !important;
}

header.header nav.navbar .dropdown-menu > li:hover > .submenu,
header.header nav.navbar .dropdown-menu > li:focus-within > .submenu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10040 !important;
}

/* Remove Carsforsale's dead make-name anchors and expose only real links. */
header.header nav.navbar .dropdown-menu > li > a[href^="javascript"] {
  display: none !important;
}

header.header nav.navbar .dropdown-menu > li > .submenu {
  display: block !important;
  position: static !important;
  float: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 100% !important;
  margin: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

header.header nav.navbar .navbar-nav > li > .dropdown-menu {
  max-height: min(72vh, 620px) !important;
  overflow-y: auto !important;
}

@media (max-width: 991.98px) {
  header.header nav.navbar .navbar-collapse.show {
    max-height: calc(100vh - 110px) !important;
    overflow-y: auto !important;
  }

  header.header nav.navbar .dropdown-menu > li > .submenu {
    position: static !important;
    float: none !important;
    min-width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
  }
}