/* Header category flyouts */
.site-head .nav-sublist--with-nested {
  overflow: visible;
}

.site-head .nav-category-item.has-children > .nav-link {
  position: relative;
  padding-right: 34px;
}

.site-head .nav-category-item.has-children > .nav-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid currentColor;
  opacity: .55;
  transition: transform .2s ease, opacity .2s ease;
}

.site-head .nav-sublist--nested {
  position: absolute;
  top: -1px;
  left: calc(100% - 1px);
  z-index: 91;
  min-width: 156px;
  margin: 0;
  padding: 0;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(8px) !important;
  overflow: hidden !important;
}

.site-head .nav-category-item:hover > .nav-sublist--nested,
.site-head .nav-category-item:focus-within > .nav-sublist--nested {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) !important;
}

.site-head .nav-category-item:hover > .nav-link::after,
.site-head .nav-category-item:focus-within > .nav-link::after {
  opacity: 1 !important;
  transform: rotate(90deg) !important;
}