/* WarextMarket v0.699
   Softer navigational pills / chips / tabs.
   Scope is deliberately limited to navigation/filter chip families;
   badges, role pills, prices and action buttons are untouched. */

:root{
  --warext-soft-chip-bg:rgba(19,24,43,.82);
  --warext-soft-chip-bg-hover:rgba(25,31,55,.92);
  --warext-soft-chip-border:rgba(132,142,221,.16);
  --warext-soft-chip-border-hover:rgba(146,151,233,.27);
  --warext-soft-chip-text:#e6e9f5;
  --warext-soft-chip-muted:#cbd2e8;
  --warext-soft-chip-active-bg:rgba(102,84,210,.17);
  --warext-soft-chip-active-border:rgba(139,119,240,.30);
}

/* Shared navigation chip families. */
html body:not(.admin-body) .quick-links-section .quick-chips .chip,
html body:not(.admin-body) .home-random-listings-section .quick-chips .chip,
html body:not(.admin-body) .market-tabs a,
html body:not(.admin-body) .platform-tabs a,
html body:not(.admin-body) .platform-section .mini-chip,
html body:not(.admin-body) .mega-links .mini-chip,
html body:not(.admin-body) .listing-subcategory-chip{
  position:relative!important;
  isolation:isolate!important;
  border:1px solid var(--warext-soft-chip-border)!important;
  background:var(--warext-soft-chip-bg)!important;
  background-image:none!important;
  color:var(--warext-soft-chip-text)!important;
  box-shadow:
    0 6px 16px rgba(2,5,15,.16),
    inset 0 1px 0 rgba(255,255,255,.018)!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-shadow:none!important;
  transform:none!important;
  transition:
    background-color .14s ease,
    border-color .14s ease,
    color .14s ease,
    box-shadow .14s ease,
    transform .14s ease!important;
}

/* Remove decorative glow/shine layers from these navigation chips only. */
html body:not(.admin-body) .quick-links-section .quick-chips .chip::before,
html body:not(.admin-body) .quick-links-section .quick-chips .chip::after,
html body:not(.admin-body) .home-random-listings-section .quick-chips .chip::before,
html body:not(.admin-body) .home-random-listings-section .quick-chips .chip::after,
html body:not(.admin-body) .market-tabs a::before,
html body:not(.admin-body) .market-tabs a::after,
html body:not(.admin-body) .platform-tabs a::before,
html body:not(.admin-body) .platform-tabs a::after,
html body:not(.admin-body) .platform-section .mini-chip::before,
html body:not(.admin-body) .platform-section .mini-chip::after,
html body:not(.admin-body) .mega-links .mini-chip::before,
html body:not(.admin-body) .mega-links .mini-chip::after,
html body:not(.admin-body) .listing-subcategory-chip::before,
html body:not(.admin-body) .listing-subcategory-chip::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Hover: still responsive, but no neon halo / heavy lift. */
html body:not(.admin-body) .quick-links-section .quick-chips .chip:hover,
html body:not(.admin-body) .quick-links-section .quick-chips .chip:focus-visible,
html body:not(.admin-body) .home-random-listings-section .quick-chips .chip:hover,
html body:not(.admin-body) .home-random-listings-section .quick-chips .chip:focus-visible,
html body:not(.admin-body) .market-tabs a:hover,
html body:not(.admin-body) .market-tabs a:focus-visible,
html body:not(.admin-body) .platform-tabs a:hover,
html body:not(.admin-body) .platform-tabs a:focus-visible,
html body:not(.admin-body) .platform-section .mini-chip:hover,
html body:not(.admin-body) .platform-section .mini-chip:focus-visible,
html body:not(.admin-body) .mega-links .mini-chip:hover,
html body:not(.admin-body) .mega-links .mini-chip:focus-visible,
html body:not(.admin-body) .listing-subcategory-chip:hover,
html body:not(.admin-body) .listing-subcategory-chip:focus-visible{
  background:var(--warext-soft-chip-bg-hover)!important;
  background-image:none!important;
  border-color:var(--warext-soft-chip-border-hover)!important;
  color:#f2f4fb!important;
  box-shadow:
    0 8px 18px rgba(2,5,15,.19),
    inset 0 1px 0 rgba(255,255,255,.022)!important;
  transform:translateY(-1px)!important;
  outline:none!important;
}

/* Active/selected chips remain visible without bright gradients. */
html body:not(.admin-body) .quick-links-section .quick-chips .chip.is-primary,
html body:not(.admin-body) .quick-links-section .quick-chips .chip.is-active,
html body:not(.admin-body) .home-random-listings-section .quick-chips .chip.is-primary,
html body:not(.admin-body) .home-random-listings-section .quick-chips .chip.is-active,
html body:not(.admin-body) .market-tabs .is-active,
html body:not(.admin-body) .platform-tabs a:first-child,
html body:not(.admin-body) .platform-tabs a.is-active,
html body:not(.admin-body) .platform-section .mini-chip.is-active,
html body:not(.admin-body) .listing-subcategory-chip.is-active{
  background:var(--warext-soft-chip-active-bg)!important;
  background-image:none!important;
  border-color:var(--warext-soft-chip-active-border)!important;
  color:#f1efff!important;
  box-shadow:
    0 7px 18px rgba(4,5,18,.18),
    inset 0 0 0 1px rgba(142,122,242,.035)!important;
  filter:none!important;
}

/* The top quick-tag strip in the screenshot: slightly lighter footprint. */
html body:not(.admin-body) .quick-links-section .quick-chips{
  gap:10px!important;
}
html body:not(.admin-body) .quick-links-section .quick-chips .chip{
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  font-weight:750!important;
}

/* Secondary pill groups get the same softer treatment but preserve dimensions. */
html body:not(.admin-body) .market-tabs a,
html body:not(.admin-body) .platform-tabs a,
html body:not(.admin-body) .platform-section .mini-chip,
html body:not(.admin-body) .listing-subcategory-chip{
  font-weight:700!important;
}

/* Card-like selection tabs are softened too, without flattening them entirely. */
html body:not(.admin-body) .listing-type-tab{
  border-color:rgba(132,142,221,.15)!important;
  background:rgba(18,23,41,.70)!important;
  box-shadow:0 7px 18px rgba(2,5,15,.12)!important;
  transform:none!important;
}
html body:not(.admin-body) .listing-type-tab:hover,
html body:not(.admin-body) .listing-type-tab:focus-within{
  border-color:rgba(146,151,233,.24)!important;
  background:rgba(23,29,50,.84)!important;
  box-shadow:0 8px 20px rgba(2,5,15,.15)!important;
  transform:translateY(-1px)!important;
}
html body:not(.admin-body) .listing-type-tab.is-active{
  border-color:rgba(139,119,240,.28)!important;
  background:rgba(102,84,210,.13)!important;
  background-image:none!important;
  box-shadow:inset 0 0 0 1px rgba(142,122,242,.035),0 7px 18px rgba(2,5,15,.12)!important;
}

/* Small screens: reduce shadow even further so the horizontal chip rail feels lighter. */
@media(max-width:760px){
  html body:not(.admin-body) .quick-links-section .quick-chips .chip,
  html body:not(.admin-body) .home-random-listings-section .quick-chips .chip,
  html body:not(.admin-body) .market-tabs a,
  html body:not(.admin-body) .platform-tabs a,
  html body:not(.admin-body) .platform-section .mini-chip,
  html body:not(.admin-body) .listing-subcategory-chip{
    box-shadow:0 4px 12px rgba(2,5,15,.13)!important;
  }
  html body:not(.admin-body) .quick-links-section .quick-chips .chip{
    min-height:43px!important;
    padding-inline:16px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html body:not(.admin-body) .quick-links-section .quick-chips .chip,
  html body:not(.admin-body) .home-random-listings-section .quick-chips .chip,
  html body:not(.admin-body) .market-tabs a,
  html body:not(.admin-body) .platform-tabs a,
  html body:not(.admin-body) .platform-section .mini-chip,
  html body:not(.admin-body) .listing-subcategory-chip,
  html body:not(.admin-body) .listing-type-tab{
    transition:none!important;
    transform:none!important;
  }
}

/* WAREXT_V0700_RETAINED_SOFT_EFFECTS
   Keep the visual identity from earlier versions, but reduce intensity. */
html body:not(.admin-body) .quick-links-section .quick-chips .chip,
html body:not(.admin-body) .home-random-listings-section .quick-chips .chip,
html body:not(.admin-body) .market-tabs a,
html body:not(.admin-body) .platform-tabs a,
html body:not(.admin-body) .platform-section .mini-chip,
html body:not(.admin-body) .mega-links .mini-chip,
html body:not(.admin-body) .listing-subcategory-chip{
  background:
    radial-gradient(circle at 18% 16%,rgba(104,122,255,.055),transparent 34%),
    radial-gradient(circle at 84% 82%,rgba(161,94,235,.045),transparent 36%),
    linear-gradient(180deg,rgba(24,29,50,.88),rgba(14,18,34,.93))!important;
  border-color:rgba(132,142,221,.18)!important;
  box-shadow:
    0 6px 15px rgba(2,5,15,.15),
    0 0 10px rgba(94,109,226,.035),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}

html body:not(.admin-body) .quick-links-section .quick-chips .chip::before,
html body:not(.admin-body) .home-random-listings-section .quick-chips .chip::before,
html body:not(.admin-body) .market-tabs a::before,
html body:not(.admin-body) .platform-tabs a::before,
html body:not(.admin-body) .platform-section .mini-chip::before,
html body:not(.admin-body) .mega-links .mini-chip::before,
html body:not(.admin-body) .listing-subcategory-chip::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 42%)!important;
  opacity:.72!important;
  box-shadow:none!important;
  filter:none!important;
  z-index:0!important;
}
html body:not(.admin-body) .quick-links-section .quick-chips .chip > *,
html body:not(.admin-body) .home-random-listings-section .quick-chips .chip > *,
html body:not(.admin-body) .market-tabs a > *,
html body:not(.admin-body) .platform-tabs a > *,
html body:not(.admin-body) .platform-section .mini-chip > *,
html body:not(.admin-body) .mega-links .mini-chip > *,
html body:not(.admin-body) .listing-subcategory-chip > *{
  position:relative!important;
  z-index:1!important;
}

html body:not(.admin-body) .quick-links-section .quick-chips .chip:hover,
html body:not(.admin-body) .quick-links-section .quick-chips .chip:focus-visible,
html body:not(.admin-body) .home-random-listings-section .quick-chips .chip:hover,
html body:not(.admin-body) .home-random-listings-section .quick-chips .chip:focus-visible,
html body:not(.admin-body) .market-tabs a:hover,
html body:not(.admin-body) .market-tabs a:focus-visible,
html body:not(.admin-body) .platform-tabs a:hover,
html body:not(.admin-body) .platform-tabs a:focus-visible,
html body:not(.admin-body) .platform-section .mini-chip:hover,
html body:not(.admin-body) .platform-section .mini-chip:focus-visible,
html body:not(.admin-body) .mega-links .mini-chip:hover,
html body:not(.admin-body) .mega-links .mini-chip:focus-visible,
html body:not(.admin-body) .listing-subcategory-chip:hover,
html body:not(.admin-body) .listing-subcategory-chip:focus-visible{
  background:
    radial-gradient(circle at 18% 16%,rgba(104,122,255,.075),transparent 35%),
    radial-gradient(circle at 84% 82%,rgba(161,94,235,.060),transparent 37%),
    linear-gradient(180deg,rgba(29,35,59,.92),rgba(17,21,40,.96))!important;
  border-color:rgba(146,151,233,.27)!important;
  box-shadow:
    0 7px 17px rgba(2,5,15,.17),
    0 0 12px rgba(101,116,235,.050),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
  transform:translateY(-1px)!important;
}

html body:not(.admin-body) .quick-links-section .quick-chips .chip.is-primary,
html body:not(.admin-body) .quick-links-section .quick-chips .chip.is-active,
html body:not(.admin-body) .home-random-listings-section .quick-chips .chip.is-primary,
html body:not(.admin-body) .home-random-listings-section .quick-chips .chip.is-active,
html body:not(.admin-body) .market-tabs .is-active,
html body:not(.admin-body) .platform-tabs a:first-child,
html body:not(.admin-body) .platform-tabs a.is-active,
html body:not(.admin-body) .platform-section .mini-chip.is-active,
html body:not(.admin-body) .listing-subcategory-chip.is-active{
  background:
    radial-gradient(circle at 22% 12%,rgba(128,111,244,.12),transparent 36%),
    linear-gradient(180deg,rgba(54,47,93,.72),rgba(28,27,57,.90))!important;
  border-color:rgba(139,119,240,.31)!important;
  box-shadow:
    0 7px 17px rgba(4,5,18,.17),
    0 0 12px rgba(120,100,239,.055),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}