/* --- Permanent Fix for Live Cart Icons (v1.0) --- */

.sf-qty-btn.sf-qty-minus::before,
.sf-qty-minus::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  vertical-align: middle !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 70% 70% !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='11' width='16' height='2' rx='1' fill='%23111'/></svg>") !important;
}

.sf-qty-btn.sf-qty-plus::before,
.sf-qty-plus::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  vertical-align: middle !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 70% 70% !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='11' y='4' width='2' height='16' rx='1' fill='%23111'/><rect x='4' y='11' width='16' height='2' rx='1' fill='%23111'/></svg>") !important;
}

/* ---------- SF Live Cart Icon Fix (balanced & centered) ---------- */

/* Common button base: center icon and hide text */
.sf-remove-item,
.sf-close-cart {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  color: transparent !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
}

/* Remove (X) icon */
.sf-remove-item::before,
button.sf-remove-item::before {
  content: "" !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M6 6l12 12M18 6L6 18' stroke='%23111' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' fill='none'/>\
</svg>") !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

/* Close (quit) button icon */
.sf-close-cart::before,
button.sf-close-cart::before {
  content: "" !important;
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M5 5l14 14M19 5L5 19' stroke='%23111' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' fill='none'/>\
</svg>") !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

/* Optional hover effect (subtle fade) */
.sf-remove-item:hover::before,
.sf-close-cart:hover::before {
  opacity: 0.7 !important;
  transition: opacity 0.15s ease-in-out;
}


/* Hide any stray text or icons */
.sf-qty-minus, .sf-qty-plus, .sf-remove-item, .sf-close-cart {
  color: transparent !important;
}