/* ===== WooCommerce — Notices ===== */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
  list-style: none;
  background: var(--mint-50);
  color: var(--mint-600);
  border: 1px solid var(--mint-100);
  border-radius: var(--radius-md);
  padding: var(--space-3-5) var(--space-5);
  margin-bottom: var(--space-6);
  font-size: var(--text-md);
  font-weight: var(--fw-medium);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  flex-wrap: wrap;
}
/* WooCommerce prints the action button (e.g. "View cart") before the message text; keep it last, on the right. */
.woocommerce-message .button,
.woocommerce-info .button {
  order: 2;
  margin-left: auto;
}
/* The error notice is a <ul> of messages: stack them instead of laying them out in a row. */
.woocommerce-error {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1-5);
  background: var(--danger-50);
  color: var(--danger-600);
  border-color: var(--danger-200);
}
.woocommerce-info {
  background: var(--sky-50);
  color: var(--sky-600);
  border-color: var(--sky-100);
}
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
  padding: var(--space-2) var(--space-4);
  font-size: var(--text-sm);
}

.woocommerce-error li {
  margin: 0;
}