/* Keep same CSS as v1.2; no visual change required here */
.qa-fanci-toolbar{
  --qaft-font:"suisse-intl","Suisse Intl","Suisse",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --qaft-height:46px; --qaft-side-size:12px; --qaft-title-size:24px; --qaft-count-size:11px; --qaft-weight:400;
  --qaft-color:#0a0a0a; --qaft-muted:rgba(10,10,10,.45); --qaft-line:rgba(10,10,10,.08);
  display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto;
  grid-template-areas:"center center" "left right";
  min-height:var(--qaft-height); padding:10px 12px 0; margin:0 0 12px; font-family:var(--qaft-font); color:var(--qaft-color);
  border-bottom:none;
}
.qa-fanci-toolbar .qaft-left{ grid-area:left; display:flex; align-items:center; justify-content:flex-start; }
.qa-fanci-toolbar .qaft-right{ grid-area:right; display:flex; align-items:center; justify-content:flex-end; }
.qa-fanci-toolbar .qaft-center{ grid-area:center; display:flex; flex-direction:column; align-items:center; gap:6px; padding-bottom:40px; text-align:center; }
.qa-fanci-toolbar .qaft-title{ font-size:var(--qaft-title-size); font-weight:var(--qaft-weight); line-height:1.2; }
.qa-fanci-toolbar .qaft-count{ font-size:var(--qaft-count-size); color:var(--qaft-muted); }
.qa-fanci-toolbar .qaft-btn{ background:transparent; border:0; padding:0; margin:0; cursor:pointer; font:inherit; font-size:var(--qaft-side-size); color:var(--qaft-muted); line-height:1; }

/* Responsive */
@media (max-width:767px){
  .qa-fanci-toolbar .qaft-center{ padding-bottom:16px; }
}
/* Hide Woo defaults anyway */
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count{ display:none !important; }


/* ===== QAFT v1.2.2 — Popover polish (kept layout) ===== */
.qa-fanci-toolbar details.qaft-details{ position:relative; }
.qa-fanci-toolbar details.qaft-details > summary.qaft-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 12px; border:1px solid var(--qaft-line); border-radius:999px;
  color:var(--qaft-color); background:#fff; cursor:pointer; user-select:none;
  transition:background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .05s ease;
}
.qa-fanci-toolbar details.qaft-details[open] > summary.qaft-btn{
  box-shadow:0 10px 24px rgba(0,0,0,.12); border-color:rgba(10,10,10,.18);
}
.qa-fanci-toolbar details.qaft-details > summary.qaft-btn::-webkit-details-marker{ display:none; }
.qa-fanci-toolbar details.qaft-details > summary.qaft-btn:active{ transform:translateY(1px); }

/* Panel */
.qa-fanci-toolbar .qaft-radio-list{
  position:absolute; z-index:9999; top:calc(100% + 8px); left:0;
  min-width:220px; max-width:min(86vw,520px);
  margin:0; padding:10px; list-style:none; background:#fff;
  border:1px solid rgba(10,10,10,.12); border-radius:12px; box-shadow:0 12px 28px rgba(0,0,0,.12);
  transform-origin:top left;
  opacity:0; transform:translateY(6px) scale(.98); transition:opacity .18s ease, transform .18s ease;
}
.qa-fanci-toolbar details[open] .qaft-radio-list{ opacity:1; transform:translateY(0) scale(1); }

/* Radios: keep native radios for a11y; add soft item shell */
.qa-fanci-toolbar .qaft-radio{
  display:flex; align-items:center; gap:10px; padding:8px 10px; margin:6px 0;
  border-radius:8px; border:1px solid transparent; cursor:pointer;
  transition:background .15s ease, border-color .15s ease;
}
.qa-fanci-toolbar .qaft-radio:hover{ background:rgba(10,10,10,.03); }
.qa-fanci-toolbar .qaft-radio input[type="radio"]{ accent-color:#111; }
.qa-fanci-toolbar .qaft-radio input[type="radio"]:checked + .qaft-radio-text{ font-weight:600; }
.qa-fanci-toolbar .qaft-radio.is-active{ border-color:rgba(10,10,10,.20); background:rgba(10,10,10,.02); }

/* Apply button */
.qa-fanci-toolbar .qaft-apply{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:34px; padding:0 14px; border-radius:10px; border:1px solid #6e5fe6; background:#fff; color:#6e5fe6;
  font-size:12px; line-height:34px; transition:background .18s ease, color .18s ease, box-shadow .18s ease, transform .05s ease;
  margin-top:8px;
}
.qa-fanci-toolbar .qaft-apply:hover{ background:#6e5fe6; color:#fff; box-shadow:0 6px 16px rgba(110,95,230,.35); }
.qa-fanci-toolbar .qaft-apply:active{ transform:translateY(1px); }

/* Filter button (right) — keep size, just unify look with Sort summary */
.qa-fanci-toolbar .qaft-filter-toggle{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 12px; border:1px solid var(--qaft-line); border-radius:999px; background:#fff;
  transition:background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .05s ease;
}
.qa-fanci-toolbar .qaft-filter-toggle:hover{ border-color:rgba(10,10,10,.28); background:rgba(10,10,10,.02); }
.qa-fanci-toolbar .qaft-filter-toggle:active{ transform:translateY(1px); }

/* Mobile safety */
@media (max-width:767px){
  .qa-fanci-toolbar .qaft-radio-list{ max-width:94vw; }
}


/* ===== QAFT v1.2.3 tweaks ===== */
/* 1) Sort by summary button: transparent background */
.qa-fanci-toolbar details.qaft-details > summary.qaft-btn{
  background:transparent !important;
  border-color: rgba(10,10,10,.18);
}

/* 2) Apply button: neutral (no brand blue/green) */
.qa-fanci-toolbar .qaft-apply{
  border-color:#111;
  color:#111;
  background:#fff;
}
.qa-fanci-toolbar .qaft-apply:hover{
  background:#111;
  color:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.28);
}