/*
 * ZUBB Biotech - shop filter sidebar UX
 * พับหัวข้อตัวกรอง + ดูเพิ่มในรายการยาว + ลิงก์ล้างตัวกรองทั้งหมด
 * ใช้เฉพาะคลาสขึ้นต้น .zbfx- เท่านั้น ไม่ทับสไตล์ของธีม
 */

/* ---------- หัวข้อที่กดพับได้ ---------- */
.zbfx-head {
  cursor: pointer;
  position: relative;
  padding-right: 26px;
  -webkit-user-select: none;
  user-select: none;
}

.zbfx-head::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: .55;
  transition: transform .18s ease, opacity .18s ease;
}

.zbfx-head:hover::after {
  opacity: 1;
}

.zbfx-collapsed .zbfx-head::after {
  transform: rotate(-45deg);
  margin-top: -2px;
}

.zbfx-collapsed > .wd-filter-wrapper,
.zbfx-collapsed > ul.wd-filter-list,
.zbfx-collapsed > .zbfx-more {
  display: none !important;
}

/* ---------- ดูเพิ่ม / ย่อลง ---------- */
.wd-filter-list.zbfx-clipped > li:nth-child(n+9) {
  display: none;
}

.zbfx-more {
  display: inline-block;
  margin: 6px 0 2px;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 13px;
  line-height: 1.5;
  color: #024ca5;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.zbfx-more:hover,
.zbfx-more:focus {
  color: #f50101;
}

/* ---------- ล้างตัวกรองทั้งหมด (อยู่ท้ายชิปในแถบตัวกรองที่เลือกอยู่) ---------- */
.zbfx-clear-item {
  list-style: none;
}

.zbfx-clear-item .zbfx-clear {
  font-size: 13px;
  color: #024ca5;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}

.zbfx-clear-item .zbfx-clear:hover,
.zbfx-clear-item .zbfx-clear:focus {
  color: #f50101;
}