/**
 * Dropdown Fix CSS for nested Bootstrap dropdowns
 * This file fixes the styling for second-level dropdowns
 */

/* Styles for second-level dropdown menus - DESKTOP */
.dropdown-menu .dropdown-menu {
  position: absolute !important;
  top: 0 !important;
  left: 100% !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  z-index: 2001 !important;
}

/* Ensure submenus of dropdown items stay open */
.dropdown-menu .dropdown-item.show,
.dropdown-menu a.dropdown-toggle:focus,
.dropdown-menu a.dropdown-toggle:active {
  background-color: #f6f6f6 !important;
}

/* Force all dropdown menus with show class to display */
.dropdown-menu.show {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Force parent menus to stay open when child is active */
.dropdown.show > .dropdown-menu.show,
.dropdown.show > .dropdown-toggle + .dropdown-menu.show {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Fix for any nested dropdown menu */
.dropdown-menu .dropdown-menu.show,
.dropdown-menu li.dropdown.show > .dropdown-menu.show,
.dropdown-menu li.dropdown > a.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

li.menu-item svg {
  transition: transform 0.3s ease-in-out;
}

li.menu-item.show svg {
  transform: rotate(180deg);
}
li.menu-item ul.dropdown-menu li.menu-item.noshow svg {
  transform: rotate(-90deg);
}
li.menu-item ul.dropdown-menu li.menu-item svg {
  transform: rotate(-270deg);
}

#menu-item-15792.show > .dropdown-menu.level-1 {
  display: none !important;
}

#menu-item-15792.show > .dropdown-menu.level-1.show {
  display: block !important;
}

/* Specific fix for Scientific Advisors submenu by ID */
#menu-item-15792.show > .dropdown-menu,
#menu-item-15792 > a[aria-expanded="true"] + .dropdown-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Keep Innovation and Science parent menu open when Scientific Advisors is active */
#menu-item-15764.show > .dropdown-menu,
#menu-item-15764 > a[aria-expanded="true"] + .dropdown-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Add a more visible hover state for dropdown items */
.dropdown-item:hover, 
.dropdown-item:focus {
  background-color: #e9ecef !important;
}

/* Override any bootstrap transitions that might interfere */
.dropdown-menu,
.dropdown-menu.show,
.dropdown-item,
.dropdown-toggle {
  transition: none !important;
}

/* Ensure SVG dropdown indicators don't interfere with clicks */
.dropdown-toggle + svg {
  pointer-events: none;
}

/* Custom styles for our mobile Scientific Advisors submenu - UNDERNEATH positioning */
.scientific-advisors-mobile-submenu {
  background-color: #f8f9fa !important;
  border-radius: 4px !important;
  margin: 5px 0 !important;
  padding: 10px !important;
  width: 100% !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  position: relative !important;
  z-index: 100 !important;
}

/* Style the active mobile dropdown toggle */
.active-mobile-dropdown {
  font-weight: bold !important;
  background-color: rgba(0, 123, 255, 0.1) !important;
  position: relative !important;
}

/* Add a down arrow indicator for the active dropdown */
.active-mobile-dropdown:after {
  content: '' !important;
  position: absolute !important;
  bottom: -10px !important;
  left: 50% !important;
  margin-left: -10px !important;
  border-width: 10px 10px 0 !important;
  border-style: solid !important;
  border-color: rgba(0, 123, 255, 0.1) transparent transparent !important;
  z-index: 101 !important;
}

.scientific-advisors-mobile-submenu .mobile-submenu-item {
  padding: 4px 0 !important;
  border-bottom: 1px solid #eee !important;
  text-align: center !important;
}

.scientific-advisors-mobile-submenu .mobile-submenu-item:last-child {
  border-bottom: none !important;
}

.scientific-advisors-mobile-submenu a {
  display: block !important;
  color: #333 !important;
  text-decoration: none !important;
  padding: 10px !important;
  font-weight: normal !important;
  border-radius: 4px !important;
  transition: background-color 0.2s ease !important;
}

.scientific-advisors-mobile-submenu a:hover,
.scientific-advisors-mobile-submenu a:active,
.scientific-advisors-mobile-submenu a:focus {
  background-color: rgba(0,123,255,0.1) !important;
}

/* Mobile Specific Styles */
@media (max-width: 991.98px) {
  /* Hide the original Scientific Advisors dropdown in mobile view */
  #menu-item-15792 > .dropdown-menu:not(.scientific-advisors-mobile-submenu) {
    display: none !important;
  }
  
  /* Fix any mobile-specific positioning issues */
  .dropdown-menu .dropdown-menu {
    position: static !important;
    left: 0 !important;
    margin-left: 0 !important;
  }
  
  /* Highlight active nested item for better visibility */
  #menu-item-15792.show > a,
  #menu-item-15792 > a.active-mobile-dropdown {
    font-weight: bold !important;
    background-color: rgba(0,123,255,0.1) !important;
  }
  
  /* Add spacing around items for touch targets */
  .dropdown-item {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  
  /* Make sure the submenu appears in the right place in the DOM flow */
  .scientific-advisors-mobile-submenu {
    display: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
} 

@media (max-width: 61.24em) {
  .c-site-header #menu-site-nav li ul  li.menu-item {
    justify-content: flex-start !important;
  }
  .c-site-header #menu-site-nav li ul  li.menu-item a {
    max-width: 60vw !important;
  }
  .c-site-header #menu-site-nav li ul li.menu-item.dropdown svg path{
     display: inline-block !important;
  }
}