/* Khung widget & tiêu đề */

.wcaf-title{font-weight:700;margin:0 0 12px}

/* Hàng action (reset, v.v.) */
.wcaf-actions{display:flex;gap:8px;align-items:center;margin-bottom:8px}

.wcaf-reset[hidden]{display:none!important}

/* Danh sách term */
.wcaf-list{list-style:none;margin:0;padding:0}
.wcaf-item{margin:0px 0}
.widget .wcaf-wrap .wcaf-list > li { 
  margin-left: 0 !important;
}
.wcaf-item[hidden]{display:none!important}
.wcaf-item label{gap:10px;align-items:center;cursor:pointer}


.wcaf-toggle[hidden]{display:none!important}

/* Spinner nhỏ trong nút (khi tải thêm) */
.wcaf-toggle.is-loading{opacity:.85;pointer-events:none;position:relative}
.wcaf-btn-spin{
  display:inline-block;
  vertical-align:middle;
  margin-left:8px;
  width:16px;height:16px;
  border:2px solid currentColor;
  border-top-color:transparent;
  border-radius:50%;
  animation:wcafspin .9s linear infinite;
}

/* Loader cục bộ khi đang tải term */
.wcaf-local-loading{position:relative}
.wcaf-local-loading::after{
  content:'';position:absolute;inset:0;background:rgba(255,255,255,.5)
}
.wcaf-local-loading .wcaf-local-spinner{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:24px;height:24px;border:3px solid #ddd;border-top-color:#f56555;
  border-radius:50%;animation:wcafspin 1s linear infinite;
}

/* Loader toàn trang */
#wcaf-screen{
  position:fixed;inset:0;display:none;z-index:9999;background:rgba(255,255,255,.64)
}
#wcaf-screen.show{display:block}
#wcaf-screen .inner{
  position:absolute;left:50%;top:18vh;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:10px
}
#wcaf-screen .spinner{
  width:36px;height:36px;border:4px solid #ddd;border-top-color:#f56555;
  border-radius:50%;animation:wcafspin 1s linear infinite
}
#wcaf-screen .txt{font-weight:600;color:#f56555}

.wcaf-count {
  color: #9aa0a6; /* gray */
  font-weight: 500;
  margin-left: .25em;
  white-space: nowrap;
}
/* đậm phần tên biến thể (nếu bạn muốn như hình) */
.wcaf-item label b,
.wcaf-item .wcaf-label b {
  font-weight: 700;
}
.wcaf-toggle {
    background: #fff !important;
    padding: 0px 10px !important;
    text-align: center;
    border-radius: 5px;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #e0e0e0; !important;
    width: 100%;
	text-transform: none !important;
}