/* ==========================================================================
   Notices — WooCommerce info / success / error banners in the design system.
   Overrides woocommerce.css (stock blue / green / red). Same specificity as
   core, but loaded later, so source order wins — no !important needed.

   All three share the cream-tint surface; the type is conveyed by the left
   accent bar, the icon colour, and the text colour:
     · info    → neutral ink
     · success → brass / gold
     · error   → bordeaux
   ========================================================================== */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: var(--jl-r-media);
  border-left: 6px solid var(--jl-ink);
  background-color: var(--jl-cream-tint);
  color: var(--jl-ink);
}

/* Info — neutral ink */
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments { border-left-color: var(--jl-ink); }
.woocommerce-info::before,
.woocommerce-noreviews::before,
p.no-comments::before { color: var(--jl-ink); }

/* Success — brass / gold */
.woocommerce-message { border-left-color: var(--jl-brass); }
.woocommerce-message::before { color: var(--jl-brass); }

/* Error — bordeaux */
.woocommerce-error {
  border-left-color: var(--jl-bordeaux);
  color: var(--jl-bordeaux);
}
.woocommerce-error::before { color: var(--jl-bordeaux); }

/* Links + inline buttons — all on the light surface now */
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-noreviews a,
.woocommerce-error a { color: var(--jl-bordeaux); }
.woocommerce-message a:hover,
.woocommerce-info a:hover,
.woocommerce-noreviews a:hover,
.woocommerce-error a:hover { color: var(--jl-bordeaux-dark); }
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button { color: var(--jl-bordeaux); }

/* WooCommerce focuses notices (tabindex="-1") to announce them to screen
   readers; drop the browser's off-brand blue ring — the coloured banner is
   the visual indicator. */
.woocommerce-message:focus,
.woocommerce-info:focus,
.woocommerce-error:focus { outline: none; }