/**
 * CPAF — Stock Toggle Filter
 */

.cpaf-stock-toggle {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0;
  color: var(--wp--preset--color--text);
  text-decoration: none;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.15s;
}

.cpaf-stock-toggle:hover {
  color: var(--wp--preset--color--accent);
}

/* ── Toggle switch ─────────────────────────────────────────────────── */

.cpaf-stock-toggle__switch {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  width: 38px;
  height: 22px;
  background: var(--wp--preset--color--border);
  border-radius: 11px;
  transition: background 0.25s var(--kw-ease, ease);
}

.cpaf-stock-toggle--active .cpaf-stock-toggle__switch {
  background: var(--wp--preset--color--success, #198754);
}

.cpaf-stock-toggle__knob {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  background: var(--wp--preset--color--surface);
  border-radius: 50%;
  transition: transform 0.25s var(--kw-ease, ease);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.cpaf-stock-toggle--active .cpaf-stock-toggle__knob {
  transform: translateX(16px);
}

/* ── Label ─────────────────────────────────────────────────────────── */

.cpaf-stock-toggle__label {
  line-height: 1.4;
}