/* Filter usluga po salonu (shop i cjenovnik): "Usluge u: Svi saloni | Amman Spa | Sultan Spa" – inc/saloni.php */
.sp-salon-filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--r1,8px);margin:0 auto;padding:var(--r3,16px) 0}
.sp-salon-filter__oznaka{margin-right:4px;font:600 12px/1.2 var(--sans,var(--f-tekst,sans-serif));letter-spacing:.14em;text-transform:uppercase;color:var(--taupe,#6F665D)}
.sp-salon-filter__dugme{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:1px solid var(--linija,#E2D9CC);border-radius:999px;background:var(--bijela,#fff);font:600 12px/1.2 var(--sans,var(--f-tekst,sans-serif));letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--ponoc,#1C1916);transition:background-color .2s,color .2s,border-color .2s}
.sp-salon-filter__dugme:hover,.sp-salon-filter__dugme:focus-visible{border-color:var(--ponoc,#1C1916)}
.sp-salon-filter__dugme.je-izabrano{background:var(--ponoc,#1C1916);border-color:var(--ponoc,#1C1916);color:var(--krem,#FAF7F2)}
/* Boje salona: Amman espresso, Sultan mat zlato */
.sp-salon-filter__dugme--amman.je-izabrano{background:var(--espresso,#4A3426);border-color:var(--espresso,#4A3426);color:var(--krem,#FAF7F2)}
.sp-salon-filter__dugme--sultan.je-izabrano{background:var(--zlato,#B8955A);border-color:var(--zlato,#B8955A);color:var(--ponoc,#1C1916)}
/* Računar: jedan segmentni preklopnik (isti obrazac na shopu i cjenovniku; audit P18). Oznaka "Usluge u:" ostaje
   samo za čitače ekrana, jer tri spojena dugmeta sama govore šta biraju. */
@media (min-width:701px){
  .sp-salon-filter{gap:0;width:max-content;max-width:100%;margin:0 auto;padding:0;border:1px solid var(--linija,#E2D9CC);border-radius:999px;background:var(--bijela,#fff);overflow:hidden}
  .sp-salon-filter__oznaka{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .sp-salon-filter__dugme{min-height:36px;padding:0 20px;border:0;border-radius:0;background:transparent;letter-spacing:.1em}
  .sp-salon-filter__dugme:hover,.sp-salon-filter__dugme:focus-visible{background:var(--pijesak,#F1EBE1)}
  .shop .sp-salon-filter{margin:8px auto 28px;padding:0}
}
.sp-salon-prazno{margin:48px 0;text-align:center;color:var(--taupe,#6F665D)}
/* Shop: filter je ispod uvoda, iznad kategorija; razmak ispod da ne naliježe na liniju kategorija */
@media (max-width:700px){.shop .sp-salon-filter{padding:var(--r3,16px) 0 var(--r4,28px)}}

/* Filtriranje bez ponovnog učitavanja (filteri-ajax.js): dok se učitava popis je blijed, novi sadržaj se pojavi blago */
.shop.se-ucitava ul.products,.shop.se-ucitava nav.woocommerce-pagination,.shop.se-ucitava .shop__prazno,.sp-cj.se-ucitava .sp-cj-nav,.sp-cj.se-ucitava .sp-cj-sadrzaj,.sp-cj.se-ucitava .sp-salon-prazno{opacity:.4;pointer-events:none;transition:opacity .15s}
.shop.je-osvjezeno ul.products,.shop.je-osvjezeno nav.woocommerce-pagination,.shop.je-osvjezeno .shop__prazno,.sp-cj.je-osvjezeno .sp-cj-sadrzaj,.sp-cj.je-osvjezeno .sp-salon-prazno{animation:sp-filter-ulaz .3s ease-out}
@keyframes sp-filter-ulaz{from{opacity:.4}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .shop.se-ucitava ul.products,.sp-cj.se-ucitava .sp-cj-sadrzaj{transition:none}
  .shop.je-osvjezeno ul.products,.sp-cj.je-osvjezeno .sp-cj-sadrzaj{animation:none}
}
/* Cjenovnik: ispod hero dijela, iznad navigacije po kategorijama */
@media (max-width:700px){.sp-cj .sp-salon-filter{padding-top:22px;padding-bottom:14px}}
@media (max-width:620px){
  /* Jedan red: oznaka je samo za čitače ekrana, tri dugmeta dijele širinu */
  .sp-salon-filter{flex-wrap:nowrap;justify-content:center;gap:6px}
  .sp-salon-filter__oznaka{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .sp-salon-filter__dugme{flex:1 1 0;justify-content:center;min-width:0;min-height:38px;padding:0 6px;font-size:11px;letter-spacing:.04em;white-space:nowrap}
}