/*
Hide the hamburger menu button on mobile, but keep it in
the document flow to properly position search and logo.
*/
#main-navigation-menu {
  visibility: hidden;
}

/*
Hide the search button, and...
*/
#site-header-search-button {
  display: none;
}

/*
Display the fallback search link on mobile, and...
*/
#site-header-search-link {
  display: flex;
  justify-content: center;
  align-items: center;
  order: -1;
}

/* Center the dropdowns, because we can't risk them overflowing the viewport */
.dropdown-with-categories {
  left: 50% !important;
}

/* Enable transitions for dropdowns */
.site-header-dropdown-list-item > .dropdown {
  transition:
    visibility 0s linear 500ms,
    opacity 300ms 200ms;
}

/* Show dropdowns when user interacts with their trigger */
:is(
    .site-header-dropdown-list-item:hover,
    .site-header-dropdown-list-item:focus-within,
    .site-header-dropdown-list-item:has(> button:focus)
  )
  > .dropdown {
  visibility: visible;
  opacity: 1;
  transition:
    visibility 0s linear 0s,
    opacity 300ms;
}

@media (min-width: 768px) {
  /* Let the link return to its default position on desktop */
  #site-header-search-link {
    order: unset;
  }

  /* Completely hide the hamburger menu button on desktop */
  #main-navigation-menu {
    display: none;
  }
}

/* Always hide the desktop link strip */
.desktop-strip__wrapper {
  display: none !important;
}

/* Always display the mobile link strip */
.mobile-strip__wrapper {
  display: flex !important;
}

/* Hide accordions */
.chakra-accordion {
  display: none;
}

/* Always display the bio "show more" button */
.bio-details {
  visibility: visible !important;
  opacity: 1 !important;
}

[data-js='true'] {
  display: none !important;
}