/* Cutting Paths Saved Designs. Colors follow the site's existing Customizer styling for the old wishlist bookmark. */
.cp-save {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: none;
  box-shadow: none;
  color: #b2b2b2;
  font: inherit;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  cursor: pointer;
}
.cp-save:hover,
.cp-save:focus-visible,
.cp-save.is-saved { color: #0e39ff; background: none; }
.cp-save:focus-visible { outline: 2px solid #0e39ff; outline-offset: 2px; }
.cp-save:disabled { cursor: progress; }

/* Icon: outline when not saved, filled when saved. "color: inherit" beats the card row's generic svg color rules. */
.cp-save .cp-save-icon,
.p-box-archive-inner-box .cp-save .cp-save-icon,
.p-box-archive-inner-box .cp-save .cp-save-icon:hover {
  display: block;
  color: inherit;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linejoin: round;
}
.cp-save.is-saved .cp-save-icon,
.p-box-archive-inner-box .cp-save.is-saved .cp-save-icon { fill: currentColor; }

/* Product card: middle slot of the like / save / rating row */
.cp-save--card { width: 100%; height: 100%; min-height: 26px; }
.cp-save--card .cp-save-icon,
.p-box-archive-inner-box .cp-save--card .cp-save-icon { width: 14px; height: 14px; }

/* Product page: under Add to Cart */
.cp-save-wrap { margin: .5em 0 0; }
.cp-save--single { gap: 8px; color: #cccccc; }
.cp-save--single .cp-save-icon { width: 26px; height: 26px; stroke-width: 1.5; }
.cp-save--single .cp-save-text { font-size: 14px; color: #777; }

/* Saved Designs page */
.cp-saved-empty { text-align: center; padding: 2em 1em; }