/*
 * Dedicated presentation for WooCommerce's "Undo?" action after a cart item
 * is removed. The restore-item class is WooCommerce's semantic hook for this
 * action, so no other notice or content links are included.
 */
body.storefront-link-system
  :where(.woocommerce-message, .woocommerce-notices-wrapper)
  a.restore-item {
  position: relative;
  display: inline-block;
  border: 0;
  border-bottom: 1px solid var(--storefront-color-link-underline, rgba(35, 35, 35, 0.5));
  background: transparent;
  color: var(--storefront-fallback-link-color, var(--storefront-color-ink, #232323));
  box-shadow: none;
  cursor: pointer;
  font: 400 13px/22px var(--storefront-font-ui, "Montserrat", Arial, sans-serif);
  letter-spacing: .02em;
  text-decoration: none;
  transition: color 300ms ease, border-color 300ms ease;
}

body.storefront-link-system
  :where(.woocommerce-message, .woocommerce-notices-wrapper)
  a.restore-item:hover {
  border-bottom-color: var(--storefront-fallback-link-accent, var(--storefront-color-link-hover, #232323));
  color: var(--storefront-fallback-link-accent, var(--storefront-color-link-hover, #232323));
}

body.storefront-link-system
  :where(.woocommerce-message, .woocommerce-notices-wrapper)
  a.restore-item:focus {
  border-bottom-color: var(--storefront-fallback-link-accent, var(--storefront-color-link-hover, #232323));
  color: var(--storefront-fallback-link-accent, var(--storefront-color-link-hover, #232323));
  outline: none;
  box-shadow: none;
}

body.storefront-link-system
  :where(.woocommerce-message, .woocommerce-notices-wrapper)
  a.restore-item:focus-visible {
  outline: none;
  outline-offset: 3px;
  box-shadow: none;
}

body.storefront-link-system
  :where(.woocommerce-message, .woocommerce-notices-wrapper)
  a.restore-item:active {
  border-bottom-color: #000;
  color: #000;
}

body.storefront-link-system
  :where(.woocommerce-message, .woocommerce-notices-wrapper)
  a.restore-item:where([aria-disabled="true"], .disabled) {
  border-bottom-color: #c1c1c1;
  color: #c1c1c1;
  cursor: default;
  opacity: 0.45;
  pointer-events: none;
}
