/* gsport landing — minimal overrides.
   The live site opens its mega-menu via theme JavaScript (adds .clicked /
   .dropdown--is-open). Since we render the header statically (no platform JS),
   reproduce the same behaviour with a pure-CSS hover so the dropdowns work 1:1. */

#header.mod-header-3 .header_inner_wrapper .menu ul.header_bottom_content_list > li.header_bottom_content_list_item:hover > .dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 50;
}

/* keep the open dropdown reachable while the cursor travels into it */
#header.mod-header-3 .header_inner_wrapper .menu ul.header_bottom_content_list > li.header_bottom_content_list_item > .dropdown {
  transition: opacity 0.15s ease-in-out;
}

/* On desktop the live site collapses the mobile "hamburger" item (its JS hides
   it when every category fits inline). Reproduce that statically. */
@media (min-width: 768px) {
  #header.mod-header-3 .header_inner_wrapper .menu ul.header_bottom_content_list > li.hamburger {
    display: none;
  }
}