/* Shared sport navigation behavior. Keep the active dropdown above page content. */
.header {
  position: relative;
  z-index: 1000;
  overflow: visible;
}

.header .nav,
.header .board-toggle {
  overflow: visible;
}

.header .sport-menu {
  position: relative;
  z-index: 1;
}

.header .sport-menu.open {
  z-index: 100;
}

.header .sport-dropdown,
.header .sport-menu:hover > .sport-dropdown,
.header .sport-menu:focus-within > .sport-dropdown {
  display: none !important;
}

.header .sport-menu.open > .sport-dropdown,
.header .sport-menu.open:hover > .sport-dropdown,
.header .sport-menu.open:focus-within > .sport-dropdown {
  display: grid !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 9999 !important;
}

.header .sport-menu:last-child > .sport-dropdown {
  right: 0;
  left: auto !important;
}

/* V74 hard stop: legacy page hover rules may never display a closed menu. */
.header .sport-menu:not(.open) > .sport-dropdown,
.header .sport-menu:not(.open):hover > .sport-dropdown,
.header .sport-menu:not(.open):focus-within > .sport-dropdown {
  display: none !important;
}

@media (max-width: 760px) {
  .header .sport-menu > .sport-dropdown {
    min-width: 180px;
    max-width: min(250px, calc(100vw - 24px));
  }
}