/* =============================================================
   STRIKRZ SHOP FILTERS — v1.5.0
   Horizontal single-row layout, custom dropdown styling,
   faceted dropdowns update on page reload after any filter change
   ============================================================= */

.strk-filters{
  background:#0a0a0a;
  padding:16px 20px;
  margin:0 0 32px;
  border-radius:4px;
  font-family:'Quicksand',system-ui,-apple-system,sans-serif;
  box-sizing:border-box;
}
.strk-filters *,
.strk-filters *::before,
.strk-filters *::after{box-sizing:border-box;}

.strk-filters__row{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;
  gap:10px;
  align-items:end;
}
.strk-filters__field{min-width:0;}
.strk-filters__field label{
  display:block;
  font-family:'Oswald','Barlow',sans-serif;
  text-transform:uppercase;
  letter-spacing:0.14em;
  font-size:10px;
  color:#dbff00;
  margin-bottom:5px;
  font-weight:600;
  line-height:1;
}

.strk-filters__field input[type="text"],
.strk-filters__field select{
  width:100%;
  padding:10px 12px;
  background:#fff;
  border:1px solid #333;
  border-radius:3px;
  font-size:14px;
  color:#111;
  font-family:'Quicksand',sans-serif;
  height:40px;
  cursor:pointer;
  box-sizing:border-box;
  line-height:1.2;
  margin:0;
  min-height:40px;
  max-height:40px;
}
.strk-filters__field input[type="text"]{cursor:text;}

.strk-filters .strk-filters__field select,
.strk-filters .strk-filters__field select:focus,
.strk-filters .strk-filters__field select:hover{
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230a0a0a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 10px center !important;
  background-size:14px 14px !important;
  background-color:#fff !important;
  padding-right:32px !important;
  border-radius:3px !important;
}
.strk-filters__field select::-ms-expand{display:none !important;}

.strk-filters__field input:focus,
.strk-filters__field select:focus{
  outline:none !important;
  border-color:#dbff00 !important;
  box-shadow:0 0 0 2px rgba(219,255,0,0.25) !important;
}

.strk-filters__actions{
  display:flex;
  gap:6px;
  align-items:end;
  flex-shrink:0;
}
.strk-filters__apply{
  padding:10px 16px;
  background:#dbff00;
  color:#0a0a0a;
  border:none;
  border-radius:3px;
  font-family:'Barlow',sans-serif;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:0.05em;
  font-size:12px;
  height:40px;
  cursor:pointer;
  transition:background 0.15s ease;
  white-space:nowrap;
  line-height:1;
}
.strk-filters__apply:hover{background:#c8eb00;}
.strk-filters__reset{
  padding:10px 12px;
  background:transparent;
  color:#a8a8a8;
  border:1px solid #333;
  border-radius:3px;
  font-family:'Barlow',sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.05em;
  font-size:11px;
  height:40px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  transition:color 0.15s ease,border-color 0.15s ease;
  white-space:nowrap;
  line-height:1;
}
.strk-filters__reset:hover{color:#dbff00;border-color:#dbff00;}

.strk-filters__chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #1f1f1f;
}
.strk-filters__chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px 4px 10px;
  background:#1a1a1a;
  border:1px solid #2a2a2a;
  border-radius:2px;
  color:#dbff00;
  font-family:'Oswald',sans-serif;
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:0.06em;
  text-decoration:none;
  transition:background 0.15s ease;
}
.strk-filters__chip:hover{background:#2a2a2a;}
.strk-filters__chip span{
  color:#fff;
  font-size:14px;
  line-height:1;
  font-family:'Quicksand',sans-serif;
  font-weight:400;
}

@media (max-width:1000px){
  .strk-filters__row{grid-template-columns:1fr 1fr 1fr;}
  .strk-filters__field--search{grid-column:1 / -1;}
  .strk-filters__actions{grid-column:1 / -1;justify-content:stretch;}
  .strk-filters__apply{flex:1;}
}
@media (max-width:600px){
  .strk-filters{padding:14px;}
  .strk-filters__row{grid-template-columns:1fr 1fr;gap:8px;}
  .strk-filters__actions{flex-direction:row;}
}
@media (max-width:400px){
  .strk-filters__row{grid-template-columns:1fr;}
  .strk-filters__actions{flex-direction:column;}
  .strk-filters__reset{justify-content:center;width:100%;}
}