/* HP BETA 03.7 - no desktop navigation line break. Preserve configured typography/spacing. */
@media (min-width:1321px) {
  .hpc-app .hpc-header-main {
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:clamp(5px,.55vw,11px)!important;
    min-height:60px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
  }
  .hpc-app .hpc-header-main > .hpc-site-logo,
  .hpc-app .hpc-header-main > a.custom-logo-link {
    order:0!important;
    flex:0 1 auto!important;
    min-width:125px!important;
    max-width:190px!important;
    margin-right:0!important;
  }
  .hpc-app .hpc-header-main > .hpt03-header-stats {
    order:1!important;
    flex:0 0 auto!important;
    padding-right:8px!important;
    gap:clamp(7px,.8vw,15px)!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav,
  .hpc-app .hpc-header-main > #hpc-main-nav.hpc-main-nav {
    order:2!important;
    display:flex!important;
    position:relative!important;
    flex:0 1 auto!important;
    flex-flow:row nowrap!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    justify-content:center!important;
    align-items:center!important;
    gap:var(--hpt03-nav-gap,12px)!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav > a:not(.hpt24-nav-account) {
    font-size:var(--hpt03-nav-font,13px)!important;
    font-weight:var(--hpt03-nav-weight,550)!important;
    padding:9px var(--hpt03-nav-pad,8px)!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    letter-spacing:0!important;
    gap:6px!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav > a:not(.hpt24-nav-account) i {display:inline-flex!important;font-size:12px!important}
  .hpc-app .hpc-header-main > .hpc-header-search {order:3!important;flex:0 0 39px!important}
  .hpc-app .hpc-header-main > .hpc-header-account {order:4!important;flex:0 0 auto!important}
  .hpc-app .hpc-header-main > .hpt-header-currency {order:5!important;flex:0 0 auto!important}
  .hpc-app .hpc-header-main > .hpt25-mode-toggle {order:6!important;flex:0 0 37px!important}
  .hpc-app .hpc-header-main > #hpc-mobile-nav-button {display:none!important}
  .hpc-app .hpc-header-main > .hpc-main-nav .hpt03-mobile-auth,
  .hpc-app .hpc-header-main > .hpc-main-nav .hpt03-mobile-drawer-head,
  .hpc-app .hpc-header-main > .hpc-main-nav .hpt-menu-finder {display:none!important}
  /* Remove the signup button from desktop only; mobile registration remains in the canvas. */
  .hpc-app .hpc-header-main > .hpc-header-account > .hpc-signup-button {display:none!important}
  .hpc-app .hpc-header-main > .hpc-header-account > .hpc-login-button {
    display:inline-flex!important;
    min-width:0!important;
    font-size:12px!important;
    font-weight:600!important;
    gap:5px!important;
    padding-inline:2px!important;
  }
  /* Idle search has no background or border; active search has a visible surface. */
  .hpc-app .hpc-header-main > form.hpc-header-search:not(:focus-within):not(.hpt24-search-open) {
    border-color:transparent!important;
    border-width:1px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .hpc-app .hpc-header-main > form.hpc-header-search:is(:focus-within,.hpt24-search-open) {
    border:1px solid #cadcf5!important;
    background:#fff!important;
    box-shadow:0 6px 18px rgba(18,66,130,.1)!important;
  }
  html[data-hpt-theme="dark"] .hpc-app .hpc-header-main > form.hpc-header-search:not(:focus-within):not(.hpt24-search-open) {
    background:transparent!important;border-color:transparent!important;box-shadow:none!important;
  }
  html[data-hpt-theme="dark"] .hpc-app .hpc-header-main > form.hpc-header-search:is(:focus-within,.hpt24-search-open) {
    background:#1b3553!important;border-color:#42658d!important;
  }
}
/* Preserve the header row while the search opens: use an anchored search popover,
   rather than expanding the icon and pushing the navigation off-screen. */
@media (min-width:1321px) {
  .hpc-app .hpc-header-main > form.hpc-header-search:is(:focus-within,.hpt24-search-open) {
    position:relative!important;
    flex:0 0 39px!important;
    width:39px!important;
    min-width:39px!important;
    max-width:39px!important;
    height:39px!important;
    margin:0!important;
    z-index:1400!important;
  }
  .hpc-app .hpc-header-main > form.hpc-header-search > #hpc-global-search {
    pointer-events:none!important;
  }
  .hpc-app .hpc-header-main > form.hpc-header-search:is(:focus-within,.hpt24-search-open) > #hpc-global-search {
    position:absolute!important;
    box-sizing:border-box!important;
    pointer-events:auto!important;
    right:0!important;
    left:auto!important;
    top:calc(100% + 9px)!important;
    width:min(320px,calc(100vw - 24px))!important;
    min-width:0!important;
    max-width:min(320px,calc(100vw - 24px))!important;
    height:43px!important;
    opacity:1!important;
    margin:0!important;
    padding:0 14px!important;
    background:#fff!important;
    border:1px solid #ccdcf0!important;
    border-radius:11px!important;
    outline-offset:2px!important;
    box-shadow:0 8px 23px rgba(19,60,119,.15)!important;
    color:#153457!important;
    font-size:13px!important;
    z-index:2!important;
  }
  .hpc-app .hpc-header-main > form.hpc-header-search:is(:focus-within,.hpt24-search-open) > .hpt-live-suggestions {
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:calc(100% + 57px)!important;
    width:min(320px,calc(100vw - 24px))!important;
    max-width:min(320px,calc(100vw - 24px))!important;
    box-sizing:border-box!important;
    z-index:3!important;
  }
  html[data-hpt-theme='dark'] .hpc-app .hpc-header-main > form.hpc-header-search:is(:focus-within,.hpt24-search-open) > #hpc-global-search {
    background:#192e49!important;
    border-color:#365a81!important;
    color:#f1f7ff!important;
  }
  html[data-hpt-theme='dark'] .hpc-app .hpc-header-main > form.hpc-header-search:is(:focus-within,.hpt24-search-open) > #hpc-global-search::placeholder {color:#abbfd7!important}
  /* If unusually large values are entered in the header settings, allow the
     seven navigation links to scroll inside their own single row. */
  .hpc-app .hpc-header-main > #hpc-main-nav.hpt03-nav-scroll {
    overflow-x:auto!important;
    overflow-y:hidden!important;
    justify-content:flex-start!important;
    scrollbar-width:none!important;
    overscroll-behavior-x:contain!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav.hpt03-nav-scroll::-webkit-scrollbar {display:none!important}
}
/* Tablet: icon-only search remains transparent before it is opened. */
@media (min-width:768px) and (max-width:1320px) {
  .hpc-app .hpc-header-main > form.hpc-header-search:not(:focus-within):not(.hpt24-search-open) {
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  .hpc-app .hpc-header-main > form.hpc-header-search:is(:focus-within,.hpt24-search-open) {
    background:#fff!important;
    border-color:#cadcf5!important;
  }
  html[data-hpt-theme='dark'] .hpc-app .hpc-header-main > form.hpc-header-search:not(:focus-within):not(.hpt24-search-open) {
    background:transparent!important;border-color:transparent!important;box-shadow:none!important;
  }
  html[data-hpt-theme='dark'] .hpc-app .hpc-header-main > form.hpc-header-search:is(:focus-within,.hpt24-search-open) {
    background:#1b3553!important;
    border-color:#42658d!important;
  }
}

/* HP BETA 03.8 — compact desktop action cluster.
   Keep menu typography and widths unchanged; use auto space before the
   navigation instead of distributing empty space between each action. */
@media (min-width:1321px) {
  .hpc-app .hpc-header-main {
    justify-content:flex-start!important;
    column-gap:clamp(6px,.48vw,9px)!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav,
  .hpc-app .hpc-header-main > #hpc-main-nav.hpc-main-nav {
    margin-left:auto!important;
    margin-right:0!important;
  }
  .hpc-app .hpc-header-main > .hpc-header-search,
  .hpc-app .hpc-header-main > .hpc-header-account,
  .hpc-app .hpc-header-main > .hpt-header-currency,
  .hpc-app .hpc-header-main > .hpt25-mode-toggle {
    margin-left:0!important;
    margin-right:0!important;
  }
}