/*
 * 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 rgba(0, 0, 0, 0.7);
  background: transparent;
  color: var(--storefront-fallback-link-color, #202020);
  box-shadow: none;
  cursor: pointer;
  font: 500 16px/26px "Jost", Arial, sans-serif;
  text-decoration: none;
  transition: color 0.3s ease, border-color 0.3s ease;
}

body.storefront-link-system
  :where(.woocommerce-message, .woocommerce-notices-wrapper)
  a.restore-item:hover {
  border-bottom-color: var(--storefront-fallback-link-accent, #ffcc00);
  color: var(--storefront-fallback-link-accent, #ffcc00);
}

body.storefront-link-system
  :where(.woocommerce-message, .woocommerce-notices-wrapper)
  a.restore-item:focus {
  border-bottom-color: var(--storefront-fallback-link-accent, #ffcc00);
  color: var(--storefront-fallback-link-accent, #ffcc00);
  outline: none;
  box-shadow: none;
}

body.storefront-link-system
  :where(.woocommerce-message, .woocommerce-notices-wrapper)
  a.restore-item:focus-visible {
  outline: 2px solid var(--storefront-fallback-link-color, #202020);
  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;
}
