<label class="radikalwp-chk-switch"><input type="checkbox" checked><span class="radikalwp-chk-switch-track"><span class="radikalwp-chk-switch-knob"><//span><//span><span class="radikalwp-chk-switch-text" data-on="فعال" data-off="غیرفعال">فعال<//span><//label>

.radikalwp-chk-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.radikalwp-chk-switch input { position: absolute; opacity: 0; }
.radikalwp-chk-switch-track {
  display: block;
  width: 40px;
  height: 22px;
  padding: 2px;
  background: #cbd5e1;
  border-radius: 999px;
  transition: background .25s ease;
}
.radikalwp-chk-switch-knob {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .3);
  transition: transform .25s cubic-bezier(.34, 1.56, .64, 1);
}
.radikalwp-chk-switch input:checked + .radikalwp-chk-switch-track { background: #10b981; }
.radikalwp-chk-switch input:checked + .radikalwp-chk-switch-track .radikalwp-chk-switch-knob {
  transform: translateX(-18px);
}
.radikalwp-chk-switch-text { font-size: 12.5px; font-weight: 700; color: #94a3b8; }
.radikalwp-chk-switch input:checked ~ .radikalwp-chk-switch-text { color: #059669; }

// به‌روزرسانی متن وضعیت کنار سوییچ (فعال/غیرفعال)
document.querySelectorAll('.radikalwp-chk-switch').forEach(function (label) {
  var input = label.querySelector('input');
  var text = label.querySelector('.radikalwp-chk-switch-text');
  var sync = function () { text.textContent = input.checked ? text.dataset.on : text.dataset.off; };
  input.addEventListener('change', sync);
});