/* REVIEW PROPOSAL ONLY — not deployed. Relative SVG paths assume this CSS sits beside svg/. */
/* Preserve existing DOM/classes/handlers. Do not override current inline SVG or protected confirmation artwork. */
.icon-bars:not(.qr-icon):not(:has(> svg)):not([data-wup-payment-confirmation="true"] *)::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("./svg/icon-bars.svg") center / contain no-repeat;
  mask: url("./svg/icon-bars.svg") center / contain no-repeat;
}

.icon-grip-horizontal:not(.qr-icon):not(:has(> svg)):not([data-wup-payment-confirmation="true"] *)::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("./svg/icon-grip-horizontal.svg") center / contain no-repeat;
  mask: url("./svg/icon-grip-horizontal.svg") center / contain no-repeat;
}

.icon-ellipsis-v:not(.qr-icon):not(:has(> svg)):not([data-wup-payment-confirmation="true"] *)::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("./svg/icon-ellipsis-v.svg") center / contain no-repeat;
  mask: url("./svg/icon-ellipsis-v.svg") center / contain no-repeat;
}

.icon-search:not(.qr-icon):not(:has(> svg)):not([data-wup-payment-confirmation="true"] *)::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("./svg/icon-search.svg") center / contain no-repeat;
  mask: url("./svg/icon-search.svg") center / contain no-repeat;
}

.icon-plus-circle:not(.qr-icon):not(:has(> svg)):not([data-wup-payment-confirmation="true"] *)::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("./svg/icon-plus-circle.svg") center / contain no-repeat;
  mask: url("./svg/icon-plus-circle.svg") center / contain no-repeat;
}

.icon-chevron-down:not(.qr-icon):not(:has(> svg)):not([data-wup-payment-confirmation="true"] *)::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("./svg/icon-chevron-down.svg") center / contain no-repeat;
  mask: url("./svg/icon-chevron-down.svg") center / contain no-repeat;
}

.icon-chevron-right:not(.qr-icon):not(:has(> svg)):not([data-wup-payment-confirmation="true"] *)::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("./svg/icon-chevron-right.svg") center / contain no-repeat;
  mask: url("./svg/icon-chevron-right.svg") center / contain no-repeat;
}

.icon-check-circle:not(.qr-icon):not(:has(> svg)):not([data-wup-payment-confirmation="true"] *)::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("./svg/icon-check-circle.svg") center / contain no-repeat;
  mask: url("./svg/icon-check-circle.svg") center / contain no-repeat;
}

.icon-clear:not(.qr-icon):not(:has(> svg)):not([data-wup-payment-confirmation="true"] *)::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("./svg/icon-clear.svg") center / contain no-repeat;
  mask: url("./svg/icon-clear.svg") center / contain no-repeat;
}

.icon-chevron-left:not(.qr-icon):not(:has(> svg)):not([data-wup-payment-confirmation="true"] *)::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("./svg/icon-chevron-left.svg") center / contain no-repeat;
  mask: url("./svg/icon-chevron-left.svg") center / contain no-repeat;
}

.icon-close-circle:not(.qr-icon):not(:has(> svg)):not([data-wup-payment-confirmation="true"] *)::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("./svg/icon-close-circle.svg") center / contain no-repeat;
  mask: url("./svg/icon-close-circle.svg") center / contain no-repeat;
}

.icon-tick-circle:not(.qr-icon):not(:has(> svg)):not([data-wup-payment-confirmation="true"] *)::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("./svg/icon-tick-circle.svg") center / contain no-repeat;
  mask: url("./svg/icon-tick-circle.svg") center / contain no-repeat;
}