/* This enhancement changes layout only; WordPress retains the original menu. */
@media (min-width: 1101px) {
  /* Before enhancement, including when JavaScript is unavailable, all roots fit. */
  .htw-site-header .htw-site-header__desktop-nav .htw-site-header__primary-list {
    flex-wrap: wrap;
  }
  .htw-site-header.store-menu-overflow-ready .htw-site-header__desktop-nav .htw-site-header__primary-list {
    flex-wrap: nowrap;
  }
  .htw-site-header.store-menu-overflow-ready .htw-site-header__desktop-nav .htw-site-header__primary-list > li {
    flex: 0 0 auto;
  }
  /* The base header does not hide submenus until its script runs. Make those
     unenhanced lists flow in the page so every link remains reachable. */
  .htw-site-header:not(.is-ready) .htw-site-header__desktop-nav .sub-menu:not([hidden]) {
    position: static;
    display: block;
    min-width: 0;
    width: auto;
    max-height: none;
    overflow: visible;
    padding: 0 0 0 1em;
    box-shadow: none;
  }
  .htw-site-header .htw-site-header__desktop-nav .store-menu-overflow__more {
    position: relative;
  }
  .htw-site-header .store-menu-overflow__toggle {
    display: inline-flex;
    align-items: center;
    gap: .35em;
    min-height: 40px;
    margin: 0;
    padding: 4px 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: inherit;
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
    white-space: nowrap;
    cursor: pointer;
  }
  .htw-site-header .store-menu-overflow__toggle:hover {
    background: transparent;
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 5px;
  }
  .htw-site-header .htw-site-header__desktop-nav .store-menu-overflow__panel:not([hidden]) {
    position: absolute;
    z-index: 20;
    inset: 100% 0 auto auto;
    display: block;
    width: min(24rem, calc(100vw - 2rem));
    min-width: 0;
    max-height: min(70vh, 42rem);
    overflow: auto;
    padding: 10px 16px;
    background: var(--htw-header-bg);
    color: var(--htw-header-fg);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .14);
  }
  .htw-site-header .htw-site-header__desktop-nav .store-menu-overflow__panel > li {
    position: relative;
    display: block;
  }
  .htw-site-header .htw-site-header__desktop-nav .store-menu-overflow__panel li > a {
    white-space: normal;
  }
  /* An expanded category is an in-flow tree inside More, so its children are
     never clipped as a sideways flyout by the panel's own scroll area. */
  .htw-site-header .htw-site-header__desktop-nav .store-menu-overflow__panel .sub-menu:not([hidden]) {
    position: static;
    display: block;
    width: auto;
    min-width: 0;
    max-height: none;
    overflow: visible;
    padding: 0 0 0 1em;
    box-shadow: none;
  }
}
@media (min-width: 1101px) and (max-width: 1450px) {
  .htw-site-header .store-menu-overflow__toggle { font-size: 12px; }
}