/* Shared success/info treatment; scoped to Cart, Checkout and single Product only. */
:is(.ut-transaction, .single-product) #main-content :is(.woocommerce-message, .woocommerce-info) {
 display: flow-root; margin: 0 0 1rem; padding: 0.75rem 1rem 0.75rem 2.5rem;
 border: 0; border-left: 2px solid var(--ut-border); border-radius: 0;
 background: transparent; color: var(--ut-text); font: 0.9375rem/1.6 var(--ut-font-body);
 overflow-wrap: anywhere;
}
:is(.ut-transaction, .single-product) #main-content :is(.woocommerce-message, .woocommerce-info)::before { top: 0.8rem; left: 0.75rem; color: var(--ut-accent); }
:is(.ut-transaction, .single-product) #main-content :is(.woocommerce-message, .woocommerce-info) .button {
 float: right; min-height: 44px; margin: -0.5rem 0 -0.5rem 1rem; padding: 0.5rem 0;
 border: 0; background: transparent; color: var(--ut-text); font: 700 0.8125rem/1.5 var(--ut-font-label);
 text-decoration: underline; text-underline-offset: 0.2em; white-space: normal;
}
:is(.ut-transaction, .single-product) #main-content :is(.woocommerce-message, .woocommerce-info) a:hover { color: var(--ut-accent); }
:is(.ut-transaction, .single-product) #main-content :is(.woocommerce-message, .woocommerce-info) a:focus-visible { outline: 2px solid var(--ut-accent); outline-offset: 3px; }
/* Errors retain a distinct panel, explicit text, native icons, roles and links. */
:is(.ut-transaction, .single-product) #main-content .woocommerce-error { background: var(--ut-surface); color: var(--ut-text); border-top: 3px solid #ff9991; }
:is(.ut-transaction, .single-product) #main-content .woocommerce-error::before { color: #ff9991; }
/* Native disclosures still toggle Woo's own coupon/login forms. */
.ut-transaction #main-content :is(.woocommerce-form-coupon-toggle, .woocommerce-form-login-toggle) .woocommerce-info { border: 0; padding: 0; margin-bottom: 0.5rem; color: var(--ut-muted); }
.ut-transaction #main-content :is(.woocommerce-form-coupon-toggle, .woocommerce-form-login-toggle) .woocommerce-info::before { content: none; }
.ut-transaction #main-content :is(.showcoupon, .showlogin) { display: inline-flex; align-items: center; min-height: 44px; color: var(--ut-text); }
@media (max-width: 600px) {
 :is(.ut-transaction, .single-product) #main-content :is(.woocommerce-message, .woocommerce-info) .button { float: none; display: flex; width: fit-content; margin: 0 0 0.25rem; }
}
@media (prefers-reduced-motion: reduce) {
 :is(.ut-transaction, .single-product) #main-content :is(.woocommerce-message, .woocommerce-info) a { transition: none; }
}