/* =========================================================
   BULLETPROOF MOBILE DROPDOWN OVERRIDE
   ========================================================= */
@media screen and (max-width: 768px) {

  /* 1. Hide all dropdown variations by default on mobile */
  .navbar .dropdown-content,
  .navbar .dropdown-menu,
  .nav-list li.dropdown .dropdown-content,
  .nav-list li.dropdown .dropdown-menu {
    display: none !important;
  }

  /* 2. Show the menu if JS adds .active OR .mobile-open to ANY parent element */
  .navbar .dropdown.active .dropdown-content,
  .navbar .dropdown.active .dropdown-menu,
  .navbar .dropdown.mobile-open .dropdown-content,
  .navbar .dropdown.mobile-open .dropdown-menu,
  .nav-list li.dropdown.active .dropdown-content,
  .nav-list li.dropdown.active .dropdown-menu,
  .nav-list li.dropdown.mobile-open .dropdown-content,
  .nav-list li.dropdown.mobile-open .dropdown-menu {
    display: block !important;
    position: static !important;
    background-color: #222 !important;
    padding-left: 15px !important;
    margin-top: 5px !important;
    z-index: 9999 !important;
  }

  /* 3. Ensure touch clicks register */
  .dropbtn, .dropdown > a {
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
  }
}