/* Keep the accepted Demo20 success feedback visible above the current
 * Quickview div/overlay stack. Its markup, content and handlers stay owned
 * by the donor; a native dialog would additionally need top-layer placement. */
body.demo33-demo20-commerce .woo-alert-group[data-jay-demo20-cart-success-group] {
  z-index: 320;
  pointer-events: auto;
}

body.demo33-demo20-commerce .demo20-cart-success-alert.ajax-cart-response.alert.-fixed {
  z-index: 320;
}

/* Center the nested SVG as geometry, independent of the icon's text baseline. */
body.demo33-demo20-commerce .demo20-cart-success-alert .demo20-cart-success-alert__close {
  box-sizing: border-box;
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  align-self: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 0;
  line-height: 1;
}

body.demo33-demo20-commerce .demo20-cart-success-alert .demo20-cart-success-alert__close > .icon {
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  margin: 0;
  font-size: 0;
  font-style: normal;
  line-height: 0;
}

body.demo33-demo20-commerce .demo20-cart-success-alert .demo20-cart-success-alert__close > .icon > svg {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0;
  fill: currentColor;
  stroke: none;
}