/* Cart Overrides - Make trash icon always visible */
cart-remove-button a.button--tertiary,
cart-remove-button .button--tertiary {
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-flex !important; /* Or flex, depending on default styling if it was block */
  align-items: center;
  justify-content: center;
}

cart-remove-button a.button--tertiary:hover,
cart-remove-button .button--tertiary:hover {
  background-color: rgba(var(--color-button), 0.05); /* Lighter hover for visibility */
}

cart-remove-button .svg-wrapper,
cart-remove-button svg[class*="icon-remove"] /* Target the SVG icon directly */ {
  opacity: 0.85 !important; /* Slightly less than full to not be too jarring */
  color: #D32F2F !important; /* A slightly less intense red */
  transform: scale(1.1); /* Slightly larger for prominence */
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

cart-remove-button a.button--tertiary:hover .svg-wrapper,
cart-remove-button .button--tertiary:hover .svg-wrapper,
cart-remove-button a.button--tertiary:hover svg[class*="icon-remove"],
cart-remove-button .button--tertiary:hover svg[class*="icon-remove"] {
  opacity: 1 !important;
  transform: scale(1.2);
}