/* consolidated canonical module */
/* WarextMarket v0.640 hardened isolated search runtime */
.wm-search,
.wm-search *,
.wm-search *::before,
.wm-search *::after,
.wm-search__panel,
.wm-search__panel *,
.wm-search__panel *::before,
.wm-search__panel *::after{
  box-sizing:border-box!important;
}

.wm-search{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  isolation:isolate!important;
  z-index:300!important;
  font:inherit!important;
}
.wm-search[hidden],
.wm-search__panel[hidden],
.wm-search__clear[hidden]{display:none!important}

html body:not(.admin-body) header.site-header .wm-search-form{
  position:relative!important;
  display:block!important;
  flex:1 1 620px!important;
  align-self:center!important;
  width:100%!important;
  min-width:260px!important;
  max-width:760px!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  z-index:320!important;
}

/* Hard reset of the two controls. This intentionally wins against generic
   header input/button rules from old theme bundles. */
html body:not(.admin-body) header.site-header .wm-search .wm-search__input{
  all:unset!important;
  box-sizing:border-box!important;
  position:static!important;
  display:block!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  color:#f3f4ff!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  font-family:inherit!important;
  font-size:1.06rem!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:1.25!important;
  letter-spacing:-.015em!important;
  text-align:left!important;
  text-indent:0!important;
  caret-color:#f3f4ff!important;
  z-index:auto!important;
}
html body:not(.admin-body) header.site-header .wm-search .wm-search__input::placeholder{
  color:rgba(210,213,231,.72)!important;
  opacity:1!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:650!important;
  line-height:inherit!important;
}
html body:not(.admin-body) header.site-header .wm-search .wm-search__input::-webkit-search-cancel-button,
html body:not(.admin-body) header.site-header .wm-search .wm-search__input::-webkit-search-decoration{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:none!important;
}
html body:not(.admin-body) header.site-header .wm-search .wm-search__input::-ms-clear,
html body:not(.admin-body) header.site-header .wm-search .wm-search__input::-ms-reveal{
  display:none!important;width:0!important;height:0!important
}

html body:not(.admin-body) header.site-header .wm-search .wm-search__clear{
  all:unset!important;
  box-sizing:border-box!important;
  position:static!important;
  display:grid!important;
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  place-items:center!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:11px!important;
  outline:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  color:#f5f3fb!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:pointer!important;
  font-size:0!important;
  line-height:1!important;
  z-index:auto!important;
}
html body:not(.admin-body) header.site-header .wm-search .wm-search__clear:hover,
html body:not(.admin-body) header.site-header .wm-search .wm-search__clear:focus-visible{
  background:rgba(255,255,255,.075)!important;
}
html body:not(.admin-body) header.site-header .wm-search .wm-search__clear:active{
  transform:scale(.94)!important;
}
html body:not(.admin-body) header.site-header .wm-search .wm-search__clear svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}

html body:not(.admin-body) header.site-header .wm-search .wm-search__icon{
  all:unset!important;
  box-sizing:border-box!important;
  position:static!important;
  display:grid!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  place-items:center!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0!important;
  color:#d9d7e9!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:auto!important;
}
html body:not(.admin-body) header.site-header .wm-search .wm-search__icon svg{
  display:block!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  max-width:25px!important;
  min-height:25px!important;
  max-height:25px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}

html body:not(.admin-body) header.site-header .wm-search .wm-search__shell{
  all:unset!important;
  box-sizing:border-box!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 58px!important;
  grid-template-rows:68px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:68px!important;
  min-height:68px!important;
  max-height:68px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(111,91,255,.56)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 93% 0%,rgba(101,72,255,.08),transparent 30%),
    linear-gradient(180deg,rgba(13,18,38,.985),rgba(8,12,28,.995))!important;
  box-shadow:
    0 18px 42px rgba(1,4,15,.28),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
  transform:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,border-radius .12s ease!important;
  z-index:3!important;
}
html body:not(.admin-body) header.site-header .wm-search:focus-within .wm-search__shell{
  border-color:rgba(158,99,255,.82)!important;
  box-shadow:
    0 20px 46px rgba(1,4,15,.34),
    0 0 0 1px rgba(99,106,255,.14),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
}
html body:not(.admin-body) header.site-header .wm-search.is-open .wm-search__shell{
  border-radius:26px 26px 0 0!important;
  border-bottom-color:rgba(111,91,255,.18)!important;
}

/* Portal dropdown: JS writes fixed left/top/width/max-height inline with
   !important values. It is a direct child of body, never inside the input. */
body > .wm-search__panel.wm-search__panel--portal{
  box-sizing:border-box!important;
  position:fixed!important;
  display:block!important;
  margin:0!important;
  padding:10px!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  transform:none!important;
  border:1px solid rgba(111,91,255,.46)!important;
  border-top-color:rgba(111,91,255,.14)!important;
  border-radius:0 0 26px 26px!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(91,63,219,.10),transparent 28%),
    linear-gradient(180deg,rgba(10,14,31,.998),rgba(5,8,19,.999))!important;
  box-shadow:0 30px 62px rgba(0,3,14,.55)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  isolation:isolate!important;
  pointer-events:auto!important;
  z-index:2147483000!important;
}
body > .wm-search__panel.wm-search__panel--portal[hidden]{display:none!important}
.wm-search__results{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}

/* Result content */
.wm-search__results .uiverse-search__loading,
.wm-search__results .uiverse-search__empty{
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:62px!important;
  margin:0!important;
  padding:16px 18px!important;
  transform:none!important;
  border:0!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.026)!important;
  color:#c8c3d4!important;
}
.wm-search__results .uiverse-search__empty{
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
}
.wm-search__results .uiverse-search__empty strong{color:#f2effa!important}
.wm-search__results .uiverse-search__empty span{color:#9690a5!important;font-size:.88rem!important}
.wm-search__results .uiverse-search__spinner{
  width:19px!important;height:19px!important;flex:0 0 19px!important;
  border:2px solid rgba(255,255,255,.14)!important;
  border-top-color:#b78bff!important;border-radius:999px!important;
  animation:wm-search-spin .72s linear infinite!important;
}
@keyframes wm-search-spin{to{transform:rotate(360deg)}}
.wm-search__results .uiverse-search__section{
  display:block!important;
  margin:0!important;
  padding:8px 0!important;
  border:0!important;
  background:transparent!important;
}
.wm-search__results .uiverse-search__section + .uiverse-search__section{
  border-top:1px solid rgba(255,255,255,.06)!important;
}
.wm-search__results .uiverse-search__section-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0!important;
  padding:7px 10px 8px!important;
  color:#aaa5bb!important;
  font-size:.77rem!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
.wm-search__results .uiverse-search__result-item,
.wm-search__results .wm-category-result{
  all:unset!important;
  box-sizing:border-box!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:62px!important;
  gap:12px!important;
  margin:0 0 5px!important;
  padding:9px 12px!important;
  overflow:hidden!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  outline:0!important;
  background:transparent!important;
  color:#f2f3fb!important;
  text-decoration:none!important;
  text-align:left!important;
  cursor:pointer!important;
}
.wm-search__results .uiverse-search__result-item:hover,
.wm-search__results .uiverse-search__result-item.is-keyboard-active,
.wm-search__results .uiverse-search__result-item:focus-visible,
.wm-search__results .wm-category-result:hover,
.wm-search__results .wm-category-result:focus-visible{
  border-color:rgba(135,109,255,.20)!important;
  background:rgba(105,78,219,.105)!important;
}
.wm-search__results .uiverse-search__result-item img{
  width:48px!important;height:48px!important;flex:0 0 48px!important;
  border-radius:11px!important;object-fit:cover!important;
  background:rgba(255,255,255,.04)!important;
}
.wm-search__results .uiverse-search__result-copy,
.wm-search__results .wm-category-result__copy{
  display:flex!important;flex:1 1 auto!important;min-width:0!important;
  flex-direction:column!important;gap:3px!important;
}
.wm-search__results .uiverse-search__result-copy strong,
.wm-search__results .wm-category-result__copy strong{
  display:block!important;min-width:0!important;
  color:#f3f3fb!important;font-size:.95rem!important;font-weight:800!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.wm-search__results .uiverse-search__result-copy small,
.wm-search__results .wm-category-result__copy small{
  color:#9f99ad!important;font-size:.79rem!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.wm-search__results .uiverse-search__result-meta,
.wm-search__results .wm-category-result__meta{
  flex:0 0 auto!important;
  color:#c4bfd1!important;font-size:.8rem!important;font-weight:800!important;
  white-space:nowrap!important;
}

/* Category search area: no legacy mega-search-shell selector applies. */
html body:not(.admin-body) header.site-header .wm-category-search-shell{
  all:unset!important;
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 16px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
html body:not(.admin-body) header.site-header .mega-tools{
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
}
html body:not(.admin-body) header.site-header .mega-content{
  min-width:0!important;
  overflow:visible!important;
}
html body:not(.admin-body) header.site-header .wm-search--category{
  z-index:360!important;
}
.wm-search__sr-status{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media (max-width:1180px){
  html body:not(.admin-body) header.site-header .wm-search-form{
    flex-basis:500px!important;
    max-width:none!important;
  }
}
@media (max-width:991px){
  html body:not(.admin-body) header.site-header .wm-search-form{
    min-width:0!important;
    max-width:none!important;
  }
  html body:not(.admin-body) header.site-header .wm-search .wm-search__shell{
    grid-template-columns:52px minmax(0,1fr) 52px!important;
    grid-template-rows:58px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    border-radius:21px!important;
  }
  html body:not(.admin-body) header.site-header .wm-search.is-open .wm-search__shell{
    border-radius:21px 21px 0 0!important;
  }
  html body:not(.admin-body) header.site-header .wm-search .wm-search__input{
    font-size:1rem!important;
  }
  html body:not(.admin-body) header.site-header .wm-search .wm-search__clear{
    width:34px!important;min-width:34px!important;max-width:34px!important;
    height:34px!important;min-height:34px!important;max-height:34px!important;
  }
  body > .wm-search__panel.wm-search__panel--portal{
    border-radius:0 0 21px 21px!important;
  }
}
@media (max-width:640px){
  html body:not(.admin-body) header.site-header .wm-search .wm-search__shell{
    grid-template-columns:48px minmax(0,1fr) 48px!important;
    grid-template-rows:54px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    border-radius:19px!important;
  }
  html body:not(.admin-body) header.site-header .wm-search.is-open .wm-search__shell{
    border-radius:19px 19px 0 0!important;
  }
  html body:not(.admin-body) header.site-header .wm-search .wm-search__input{
    font-size:.96rem!important;
  }
  html body:not(.admin-body) header.site-header .wm-search .wm-search__icon,
  html body:not(.admin-body) header.site-header .wm-search .wm-search__icon svg{
    width:23px!important;min-width:23px!important;max-width:23px!important;
    height:23px!important;min-height:23px!important;max-height:23px!important;
  }
  body > .wm-search__panel.wm-search__panel--portal{
    border-radius:0 0 19px 19px!important;
  }
}

/* consolidated canonical module */
/* WarextMarket v0.650 — search clear button visibility only.
   Keep the v0.640 search runtime/layout intact; override only the hidden X. */

html body:not(.admin-body) .wm-search .wm-search__clear[hidden],
html body:not(.admin-body) header.site-header .wm-search .wm-search__clear[hidden]{
  display:none!important;
}

/* Native [hidden] is the authority for both main and category search clear controls. */
html body:not(.admin-body) [data-wm-search-clear][hidden],
html body:not(.admin-body) [data-wm-category-clear][hidden]{
  display:none!important;
}
